html,body,#root{height:100%}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#181b22;--border:#272b36;--text:#e6e8ee;--muted:#8b90a0;--accent:#4f8cff;--green:#2ecc71;--amber:#e6a23c;--red:#ff6b6b;--input-bg:#0f1218}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--panel:#fff;--border:#dbe1ea;--text:#1d2430;--muted:#5d6675;--accent:#3b76e8;--green:#18a058;--amber:#b97c10;--red:#d93840;--input-bg:#eef1f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{min-height:100vh}.center{place-items:center;min-height:100vh;display:grid}.muted{color:var(--muted)}.msg{border-bottom:1px solid var(--border);padding:6px 0;font-size:14px}.msg:last-of-type{border-bottom:none}.landing{max-width:1080px;margin:0 auto;padding:0 20px 60px}.landing-nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{font-size:20px;font-weight:700}.back-link{margin-bottom:16px;display:block}.hero{text-align:center;padding:64px 0 48px}.hero h1{margin:0 0 16px;font-size:44px;line-height:1.1}.hero p{color:var(--muted);max-width:640px;margin:0 auto 28px;font-size:18px}.hero-cta{justify-content:center;align-items:center;gap:16px;display:flex}.hero-cta button{padding:12px 24px;font-size:16px}.hero-cta a{color:var(--accent)}.features{padding:40px 0}.features h2,.pricing h2{text-align:center;margin-bottom:28px;font-size:28px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px}.feature-icon{margin-bottom:8px;font-size:28px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{color:var(--muted);margin:0;font-size:14px}.pricing{text-align:center;padding:48px 0}.plan-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px;display:grid}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:24px;display:flex;position:relative}.plan-card.recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.badge-rec{background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:-11px;left:24px}.plan-price{margin:8px 0;font-size:30px;font-weight:700}.plan-price span{color:var(--muted);font-size:14px;font-weight:400}.promo{color:var(--green);background:#2ecc7126;border-radius:6px;margin-bottom:8px;padding:4px 8px;font-size:12px}.plan-limit{margin-bottom:12px;font-size:13px}.plan-card ul{flex:1;margin:0 0 18px;padding:0;list-style:none}.plan-card li{color:var(--text);padding:4px 0;font-size:14px}.plan-card button{width:100%}.landing-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:40px;padding-top:32px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:360px;padding:32px}.card h1{margin:0 0 4px}.card form{flex-direction:column;gap:14px;margin-top:20px;display:flex}.card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.card input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;font-size:14px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:14px}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;margin-top:14px;padding:0}button.danger{background:var(--red);padding:4px 10px;font-size:12px}.error{border:1px solid var(--red);color:var(--red);background:#ff6b6b1f;border-radius:8px;padding:8px 10px;font-size:13px}.dashboard{width:100%;margin:0;padding:28px 28px 60px}.dashboard header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dashboard h1{margin:0;font-size:22px}.dashboard h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:28px 0 10px;font-size:15px}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:100%;font-size:14px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.badge{border-radius:999px;padding:2px 8px;font-size:12px}.badge.active{color:var(--green);background:#2ecc7126}.badge.idle{color:var(--amber);background:#e6a23c26}.badge.bad{color:var(--red);background:#ff6b6b26}.token-box{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px 14px}.token-box code{background:var(--input-bg);word-break:break-all;color:var(--accent);border-radius:6px;margin-top:6px;padding:8px 10px;font-size:12px;display:block}.prod{align-items:center;gap:28px;display:flex}.score-num{color:var(--green);font-size:44px;font-weight:700}.score-num span{font-size:22px}.bars{flex-direction:column;flex:1;gap:8px;display:flex}.bar-row{align-items:center;gap:10px;font-size:13px;display:flex}.bar-label{width:100px;color:var(--muted)}.bar-track{background:var(--input-bg);border-radius:999px;flex:1;height:10px;overflow:hidden}.bar-fill{height:100%}.bar-fill.active{background:var(--green)}.bar-fill.neutral{background:var(--muted)}.bar-fill.idle{background:var(--red)}.bar-val{text-align:right;width:40px;color:var(--muted)}select{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.budget-mini{background:var(--border);border-radius:999px;width:120px;height:4px;margin-top:4px;display:block;overflow:hidden}.budget-mini>span{background:var(--accent);min-width:2px;height:100%;display:block}.budget-mini>span.over{background:var(--red)}.cost-totals{gap:32px;margin-bottom:12px;display:flex}.cost-totals div{flex-direction:column;gap:2px;display:flex}.cost-totals strong{font-size:20px}.row-form{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.row-form input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-content section{overflow-x:auto}.settings-grid{flex-wrap:wrap;gap:24px;margin-bottom:12px;display:flex}.inline{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.inline input[type=number]{background:var(--input-bg);border:1px solid var(--border);width:90px;color:var(--text);border-radius:6px;padding:6px 8px}.days{gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px}.chip-on{border-color:var(--accent);color:var(--accent)}.alert-row{background:var(--panel);border:1px solid var(--border);border-left-width:3px;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:14px}.sub-banner{border:1px solid var(--accent);color:var(--text);background:#4f8cff1f;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.privacy-banner{border:1px solid var(--amber);color:var(--amber);background:#e6a23c26;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.upgrade-notice{border:1px dashed var(--accent);background:#4f8cff12;border-radius:12px;padding:18px 20px}.upgrade-notice h2{margin-top:0}.export-group{align-items:center;gap:6px;margin-right:16px;display:inline-flex}.export-group button{padding:4px 10px;font-size:12px}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.shot{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;text-decoration:none;display:flex;position:relative}.shot-flagged img{border-color:var(--red)}.shot-warn{z-index:1;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#ff6b6beb;border-radius:6px;max-width:calc(100% - 12px);padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px;overflow:hidden}.shot img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--panel);border-radius:8px;width:100%}.admin-dashboard .filters{flex-wrap:wrap;gap:8px;display:flex}.admin-dashboard .filters input,.admin-dashboard .filters select{padding:4px 8px;font-size:13px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:12px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat strong{font-size:24px}.stat strong.bad{color:var(--red,#ff6b6b)}.stat strong.warn{color:var(--amber,#f5a623)}.attendance-lists{flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.leaderboards,.app-breakdown{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.leader-card,.break-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.leader-card h4,.break-card h4{margin:0 0 8px;font-size:13px}.leader-card table,.break-card table{width:100%}.leader-card td.rank{color:var(--muted);width:20px}.leader-card td.num,.break-card td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.break-scroll{max-height:268px;overflow-y:auto}.break-count{color:var(--muted);font-weight:500}.row-active>td{background:var(--input-bg)}.row-active>td:first-child{box-shadow:inset 3px 0 0 var(--accent,#4f7cff)}.break-row{cursor:default}.break-row:hover>td{background:var(--input-bg)}.app-titles-pop{z-index:60;pointer-events:none;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:360px;max-height:300px;padding:8px 0;position:fixed;overflow:hidden;box-shadow:0 10px 28px #00000047}.app-titles-head{border-bottom:1px solid var(--border);margin-bottom:4px;padding:2px 12px 8px;font-size:12px;font-weight:600}.app-titles-row{align-items:flex-start;gap:10px;padding:3px 12px;font-size:12px;line-height:1.35;display:flex}.app-titles-name{-webkit-line-clamp:2;unicode-bidi:plaintext;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.app-titles-dur{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.break-card.productive{border-top:2px solid #2ecc71}.break-card.neutral{border-top:2px solid #8b90a0}.break-card.unproductive{border-top:2px solid #ff6b6b}.switch-cell{align-items:center;gap:4px;display:inline-flex}.switch-cell .link{padding:0 2px;font-size:11px}.search-box{border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:8px;padding:5px 10px;font-size:13px}.search-select{display:inline-block;position:relative}.search-select .ss-trigger{background:var(--panel);border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.search-select .ss-caret{color:var(--muted);font-size:10px}.search-select .ss-pop{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #00000059}.search-select .ss-pop .search-box{width:100%;margin-bottom:6px}.search-select .ss-pop ul{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.search-select .ss-pop li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 8px;font-size:13px;overflow:hidden}.search-select .ss-pop li:hover{background:var(--border)}.search-select .ss-pop li.sel{background:var(--accent,#4f8cff);color:#fff}.dash-body{align-items:flex-start;gap:20px;display:flex}.dash-nav{flex-direction:column;flex-shrink:0;gap:2px;min-width:160px;display:flex;position:sticky;top:16px}.dash-nav .nav-item{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-size:14px}.dash-nav .nav-item:hover{background:var(--panel);color:inherit}.dash-nav .nav-item.active{background:var(--accent,#4f8cff);color:#fff;font-weight:600}.dash-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}@media (width<=760px){.dash-body{flex-direction:column}.dash-nav{z-index:50;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg);border-bottom:1px solid var(--border);flex-flow:row;width:100%;min-width:0;padding:8px 0;position:sticky;top:0;overflow-x:auto}.dash-nav::-webkit-scrollbar{display:none}.dash-nav .nav-item{white-space:nowrap;flex:none}}.header-actions{align-items:center;gap:12px;display:flex}.notif-bell{position:relative}.bell-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:16px;line-height:1;position:relative}.bell-badge{background:var(--red,#ff6b6b);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notif-pop{background:var(--panel);border:1px solid var(--border);z-index:40;border-radius:10px;width:320px;max-width:90vw;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0006}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.notif-pop ul{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-empty{text-align:center;padding:20px 12px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.notif-item:hover{background:var(--border)}.notif-item.unread{background:#4f8cff14}.notif-ico{flex-shrink:0}.notif-text{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600}.notif-body{font-size:12px}.notif-time{margin-top:2px;font-size:11px}.notif-dot{background:var(--accent,#4f8cff);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.warn-box{border:1px solid var(--amber,#f5a623);color:inherit;background:#f5a62314;border-radius:8px;padding:10px 12px;font-size:13px}.profile-view{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.profile-view>div>div{font-size:14px}.profile-editor{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.profile-editor .inline input,.profile-editor .inline select,.settings-grid .inline input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px}textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:14px}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:720px;margin:auto;animation:.16s modal-in;box-shadow:0 16px 48px #00000073}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-close{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:8px;padding:4px 9px;font-size:14px;line-height:1}.modal-close:hover{color:var(--text);border-color:var(--accent)}.modal-actions{align-items:center;margin-top:16px;display:flex}.tl-summary{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.tl-summary strong{font-weight:600}.tl-summary-unassigned{border:1px solid var(--amber);color:var(--amber);background:#e6a23c26;border-radius:999px;padding:3px 12px;font-size:12px}.tl-summary-unassigned:hover{background:#e6a23c47}.tl-summary-done{color:var(--green);font-size:12px}.tl-legend{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:10px;font-size:13px;display:flex}.tl-legend .dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.tl-track{background:var(--input-bg);border:1px solid var(--border);cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px;height:56px;margin-bottom:6px;position:relative;overflow:hidden}.tl-grid{background:var(--border);width:1px;position:absolute;top:0;bottom:0}.tl-grid .tl-hour{color:var(--muted);font-size:10px;position:absolute;top:2px;left:3px}.tl-seg{opacity:.85;border-radius:2px;height:28px;position:absolute;top:20px}.tl-seg:hover{opacity:1}.tl-select{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;background:#4f8cff4d;position:absolute;top:0;bottom:0}.ts-grid th,.ts-grid td{text-align:left}.ts-grid .ts-num{text-align:center;white-space:nowrap}.ts-grid th.ts-num{font-weight:600}.ts-grid .ts-weekend{background:color-mix(in srgb, var(--border) 35%, transparent)}.ts-grid .ts-total{font-weight:700}.ts-grid tfoot td{border-top:2px solid var(--border)}.md-card{background:var(--card,var(--input-bg));border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:14px 16px 18px}.md-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.md-card-head strong{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:13px}.md-chart-wrap{position:relative}.md-chart{background:var(--input-bg);border:1px solid var(--border);cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px;height:150px;position:relative;overflow:hidden}.md-grid{background:color-mix(in srgb, var(--border) 60%, transparent);width:1px;position:absolute;top:0;bottom:0}.md-grid .md-hour{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;bottom:2px;left:3px}.md-bar{opacity:.9;border-radius:2px 2px 0 0;min-height:2px;position:absolute;bottom:18px}.md-bar:hover{opacity:1;outline:1px solid var(--text)}.md-select{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;background:#4f8cff40;position:absolute;top:0;bottom:0}.md-strip{background:repeating-linear-gradient(45deg, transparent, transparent 4px, color-mix(in srgb, var(--border) 50%, transparent) 4px, color-mix(in srgb, var(--border) 50%, transparent) 8px);border:1px solid var(--border);border-radius:6px;height:14px;margin-top:6px;position:relative;overflow:hidden}.md-tracked{background:var(--accent);opacity:.3;position:absolute;top:0;bottom:0}.md-tracked-active{background:var(--accent);opacity:.95;pointer-events:none;position:absolute;top:0;bottom:0}.md-tracked:hover{opacity:.55;outline:1px solid var(--text)}.md-tracked.is-locked{opacity:.18}.md-tracked.is-locked:hover{outline:1px solid var(--muted)}.md-offline{cursor:help;background:0 0;position:absolute;top:0;bottom:0}.md-offline:hover{background:color-mix(in srgb, var(--red,#ff6b6b) 18%, transparent)}.md-offline-added{opacity:.92;cursor:pointer;position:absolute;top:0;bottom:0}.md-offline-added:hover{opacity:1;outline:1px solid var(--text)}.md-offline-added.is-approved{cursor:not-allowed;background:#8b5cf6}.md-offline-added.is-pending{border:1px dashed color-mix(in srgb, var(--amber,#e6a23c) 85%, transparent);opacity:1;background:repeating-linear-gradient(45deg,#8b5cf673 0 4px,#0000 4px 8px)}.md-offline-added.is-rejected{background:color-mix(in srgb, var(--red,#ff6b6b) 35%, transparent);border:1px solid var(--red,#ff6b6b);opacity:1}.md-future{pointer-events:none;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--muted) 16%, transparent) 0 6px, transparent 6px 12px);border-left:1px dashed var(--muted);position:absolute;top:0;bottom:0}.md-proj{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;height:40px;position:relative;overflow:hidden}.md-proj-seg{opacity:.9;cursor:pointer;border-radius:3px;height:22px;position:absolute;top:8px}.md-proj-seg:hover{opacity:1;outline:1px solid var(--text)}.md-proj-empty{font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.md-tip{z-index:20;background:var(--panel);border:1px solid var(--border);color:var(--text);pointer-events:none;border-radius:8px;min-width:150px;max-width:280px;padding:8px 10px;font-size:12px;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 8px 24px #00000059}.md-tip-head{white-space:nowrap;margin-bottom:6px;font-weight:600}.md-tip-row{align-items:center;gap:6px;line-height:1.5;display:flex}.md-tip-row .dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.md-tip-app{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.md-tip-dur{color:var(--muted);flex-shrink:0}.cross-tl{flex-direction:column;gap:10px;display:flex}.cross-row{align-items:center;gap:12px;display:flex}.cross-name{flex-direction:column;flex-shrink:0;width:200px;font-size:13px;display:flex;overflow:hidden}.cross-name .muted{font-size:11px}.cross-row .tl-track{flex:1;height:34px;margin-bottom:0}.tl-track-ro{cursor:default}.cross-row .tl-seg{height:22px;top:8px}@media (width<=760px){.cross-row{flex-direction:column;align-items:stretch;gap:4px}.cross-name{flex-direction:row;gap:8px;width:auto}}.sso-btn{border:1px solid var(--border);color:var(--text);background:0 0}.sso-btn:hover{border-color:var(--accent)}.forecast-bad{color:var(--red);font-weight:600}.active-now{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.an-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.an-card h4{margin:0 0 8px;font-size:13px}.an-card ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.people-card .people-list{max-height:168px;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.people-card .people-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:4px 2px;display:flex}.people-card .people-list li:last-child{border-bottom:none}.people-card .people-list .num{white-space:nowrap;font-variant-numeric:tabular-nums}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:15px;line-height:1}.theme-toggle:hover{border-color:var(--accent)}.nav-link{color:var(--muted);font-size:14px;text-decoration:none}.nav-link:hover{color:var(--text)}.hero-trust{margin-top:16px;font-size:13px}.billing-toggle{background:var(--input-bg);border:1px solid var(--border);border-radius:999px;gap:4px;margin:8px auto 24px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--muted);background:0 0;border-radius:999px;padding:6px 18px;font-size:14px}.billing-toggle button.active{background:var(--accent);color:#fff}.save-pill{color:var(--green);background:#2ecc712e;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:700}.billing-toggle button.active .save-pill{color:#fff;background:#ffffff40}.plan-billed{margin:-4px 0 8px;font-size:12px}.compare{margin-top:28px}.compare-toggle{color:var(--accent);border:1px solid var(--border);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.compare-toggle:hover{border-color:var(--accent)}.compare-toggle .chevron{font-size:16px;transition:transform .18s}.compare-toggle .chevron.open{transform:rotate(180deg)}.compare-panel{margin-top:16px;animation:.22s compare-reveal;overflow-x:auto}@keyframes compare-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.compare-table{border-collapse:collapse;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;font-size:14px;overflow:hidden}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);padding:11px 14px}.compare-table thead th{color:var(--text);text-transform:none;letter-spacing:0;font-size:15px;font-weight:700}.compare-table th.feat-col,.compare-table td.feat-col{text-align:left;color:var(--text);font-weight:500}.compare-table thead th.feat-col{color:var(--muted);font-weight:600}.compare-table .th-price{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400}.compare-table th.rec,.compare-table td.rec{background:#4f8cff12}.compare-table thead th.rec{box-shadow:inset 0 2px 0 var(--accent)}.group-row td{text-align:left;background:var(--input-bg);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.cmp-yes{color:var(--green);font-weight:700}.cmp-no{color:var(--muted)}.cmp-val{color:var(--text);font-size:13px}.cta-row td{border-bottom:none;padding-top:16px}.cta-row button{width:100%}.rating-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.rating-card{background:var(--panel);border:1px solid var(--border);border-top-width:3px;border-radius:12px;overflow:hidden}.rating-card.r-prod{border-top-color:var(--green)}.rating-card.r-neut{border-top-color:var(--amber)}.rating-card.r-unprod{border-top-color:var(--red)}.rating-card-head{justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.rating-count{background:var(--input-bg);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.rating-card table{border:none;border-radius:0}.rating-card thead th{font-size:11px}.rating-card td,.rating-card th{padding:8px 12px}.rating-card select{width:100%}.rating-scroll{max-height:320px;overflow-y:auto}.rating-scroll thead th{background:var(--panel);z-index:1;position:sticky;top:0}.rating-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 14px;max-height:360px;padding:4px 12px 10px;display:grid;overflow-y:auto}.rating-item{cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:4px 6px;font-size:13px;display:flex}.rating-item:hover{background:var(--input-bg)}.rating-item input[type=checkbox]{flex:none;margin:0}.rating-item-icon{flex:none;font-size:12px;line-height:1}.rating-item-name{flex:1;min-width:0}.rating-item-time{font-variant-numeric:tabular-nums;flex:none;font-size:12px}.rating-card .row-form select{width:auto}.rating-search{width:100%;max-width:340px;margin-bottom:12px}.rating-rules{margin-bottom:12px}.rule-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.rule-chip{align-items:center;gap:6px;display:inline-flex}.rule-chip-x{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:11px;line-height:1}.rating-card tbody tr.row-leaving{animation:.28s forwards rating-row-out}.rating-card tbody tr.row-entering{animation:.36s rating-row-in}@keyframes rating-row-out{to{opacity:0;transform:translate(28px)}}@keyframes rating-row-in{0%{opacity:0;background:#4f8cff38;transform:translate(-28px)}60%{background:#4f8cff38}to{opacity:1;background:0 0;transform:translate(0)}}.bulk-bar{border:1px solid var(--accent);background:#4f8cff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.bulk-bar strong{color:var(--accent)}tr.row-selected td{background:#4f8cff14}.fx-panel{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:12px 14px}.cur-breakdown{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.cur-chip{background:var(--input-bg);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:13px}.cur-chip.no-rate{border-color:var(--amber);color:var(--amber)}.filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:10px 0 8px;display:flex}.filter-bar.compact{border-bottom:none;justify-content:flex-end;gap:8px;margin:0;padding:0}.filter-bar.compact .date-label{min-width:150px;font-size:13px}.filter-bar.compact .nav-btn{width:26px;height:26px;font-size:16px}.filter-bar.compact .chip{padding:4px 10px;font-size:12px}.date-nav{align-items:center;gap:8px;display:inline-flex}.date-label{text-align:center;min-width:180px;font-size:14px;font-weight:600}.date-label-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;position:relative}.date-label-btn:hover{color:var(--accent);background:var(--input-bg)}.date-pick-input{opacity:0;pointer-events:none;border:0;width:100%;height:0;padding:0;position:absolute;bottom:0;left:0}.date-pick-input::-webkit-calendar-picker-indicator{opacity:0}.nav-btn{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.nav-btn:hover{border-color:var(--accent)}.today-btn{padding:5px 12px}.today-btn.is-hidden{visibility:hidden;pointer-events:none}.mode-toggle{gap:6px;display:inline-flex}.chip{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:13px}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.custom-range{align-items:center;gap:8px;display:inline-flex}.custom-range input[type=date]{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.overview{flex-direction:column;gap:16px;display:flex}.overview .ov-customize{background:var(--panel);border:1px dashed var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.overview .ov-toggles{flex-wrap:wrap;gap:8px;display:flex}.overview .ov-toggles label{align-items:center;gap:6px;display:inline-flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.kpi-value{font-size:26px;font-weight:700;line-height:1.1}.kpi-sub{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.kpi-delta{font-weight:600}.kpi-delta.muted{color:var(--muted)}.ov-widget{width:100%}.ov-widget.editing{outline:1px dashed var(--accent);outline-offset:4px;cursor:grab;border-radius:12px}.ov-widget-bar{color:var(--muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 6px;font-size:12px;display:flex}.ov-hide{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:13px}.ov-hide:hover{color:var(--red,#ff6b6b)}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.chart-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px}.ov-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ov-grid .span-full{grid-column:1/-1}.ov-grid .chart-card{height:100%}@media (width<=980px){.ov-grid{grid-template-columns:1fr}}.skeleton{background:var(--panel);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.cell-bar{align-items:center;gap:8px;min-width:120px;display:flex}.cell-bar-track{background:var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.cell-bar-fill{background:var(--accent);border-radius:999px;height:100%}.cell-bar-val{text-align:right;font-variant-numeric:tabular-nums;width:38px;color:var(--muted);font-size:12px}.timer-widget{align-items:center;gap:8px;display:flex;position:relative}.timer-start{background:var(--accent);color:#fff}.timer-elapsed{font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:6px 10px;font-weight:600}.timer-project{color:var(--muted);font-weight:400}.timer-notice{max-width:220px;font-size:12px}.timer-popover{z-index:60;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.timer-popover input,.timer-popover select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px}.timer-idle-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:440px;padding:18px}.timer-idle-modal .modal-actions{gap:10px}.onboarding{border:1px solid var(--accent)}.onboarding-head-right{align-items:center;gap:10px;display:flex}.onboarding-progress{background:var(--border);border-radius:999px;height:6px;margin:4px 0 14px;overflow:hidden}.onboarding-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.onboarding-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.onboarding-steps li{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.onboarding-steps li.done{opacity:.6}.onboarding-steps li.done .onboarding-check{color:var(--green)}.onboarding-check{text-align:center;width:22px;color:var(--muted);font-size:18px}.onboarding-body{flex-direction:column;flex:1;gap:2px;display:flex}.onboarding-body .muted{font-size:12px}.status-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.status-list li{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.status-list li strong{font-size:14px}.brand-plume{background:linear-gradient(100deg,#7b3ff2 10%,#5a5df0 55%,#2f7fe8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.brand{align-items:center;gap:8px;display:inline-flex}header h1{align-items:center;gap:9px;display:flex}.logo-tagline{color:var(--muted);white-space:nowrap}.logo-img-light{display:none}.logo-img-dark,[data-theme=light] .logo-img-light{display:block}[data-theme=light] .logo-img-dark{display:none}.hero-logo{justify-content:center;margin:0 0 20px;display:flex}.dash-filterbar{z-index:40;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:14px 0 16px;padding:10px 14px 8px;position:sticky;top:0;box-shadow:0 6px 18px #00000040}.dash-filterbar-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-filterbar-chip{margin-top:6px;font-size:12px}.heat-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heat-head{text-transform:uppercase;text-align:center;padding-bottom:2px;font-size:10px}.heat-cell{border:1px solid var(--border);border-radius:6px;min-height:34px;padding:3px 5px;font-size:11px;position:relative}.heat-cell.off{opacity:.35}.heat-daynum{color:var(--text)}.heat-absent{font-size:10px;font-weight:700;position:absolute;bottom:2px;right:4px}.heat-legend{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.heat-swatch{border:1px solid var(--border);border-radius:3px;width:16px;height:10px;display:inline-block}@media (width<=760px){.dashboard{padding:12px 12px 48px}.dashboard h1{font-size:18px}.dashboard h2{margin:20px 0 8px}.dashboard header{flex-direction:column;align-items:stretch;gap:10px}.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}th,td{white-space:nowrap;padding:9px 10px}.truncate{white-space:nowrap;max-width:180px}.row-form{gap:8px}.row-form input,.row-form select,.row-form button{flex:auto;min-width:0;font-size:16px}.row-form input[type=date]{min-width:140px}input,select,textarea{font-size:16px}button{min-height:38px}.nav-btn,.modal-close,.rule-chip-x,.link{min-height:0}.filter-bar,.filter-bar.compact{justify-content:flex-start}.filter-bar.compact .date-label,.date-label{min-width:0}.modal-backdrop{padding:2vh 8px}.modal{max-width:100%}.settings-grid{flex-direction:column;gap:12px}.settings-grid .inline{width:100%}.section-head{flex-direction:column;align-items:stretch;gap:8px}.section-head input{box-sizing:border-box;width:100%}}