:root{--bg:#0a0d12;--panel:#12161d;--panel-hi:#171c24;--line:#232a34;--line-soft:#1a2029;--text:#eef1f5;--text-dim:#8b94a3;--text-faint:#4e5762;--gold:#e3a542;--gold-hover:#edb75c;--gold-soft:#3a2e17;--gold-ink:#191204;--teal:#2fc7b0;--teal-soft:#0e2b27;--coral:#e2604f;--coral-soft:#3a1f1c;--grid-line:#ffffff03;--blur-bg:#0a0d12d1;--blob-a:#e3a5421a;--blob-b:#2fc7b014;--shadow:#00000059 0 8px 24px -6px;--text-h:var(--text);--bg-subtle:var(--line-soft);--border:var(--line);--accent:var(--gold);--accent-hover:var(--gold-hover);--accent-bg:var(--gold-soft);--danger:var(--coral);--success:var(--teal);--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;font:16px/1.5 var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-dim);background:var(--bg);-webkit-font-smoothing:antialiased}:root[data-theme=light]{--bg:#f3f4f6;--panel:#fff;--panel-hi:#fcfcfd;--line:#dee2e7;--line-soft:#eceef1;--text:#12161d;--text-dim:#5b6472;--text-faint:#98a0ab;--gold:#b9761a;--gold-hover:#a3690f;--gold-soft:#f6e7ce;--gold-ink:#fff;--teal:#0b8e7c;--teal-soft:#dbf3ef;--coral:#c7402f;--coral-soft:#fbe4e1;--grid-line:#12161d09;--blur-bg:#f3f4f6d1;--blob-a:#b9761a12;--blob-b:#0b8e7c0f;--shadow:#12161d1a 0 8px 24px -6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:repeating-linear-gradient(0deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 64px), repeating-linear-gradient(90deg, var(--grid-line) 0px, var(--grid-line) 1px, transparent 1px, transparent 64px), var(--bg);min-height:100svh;margin:0;transition:background-color .2s,color .2s}h1,h2,h3{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.015em;margin:0 0 8px;font-weight:600}h1{font-size:28px}h2{font-size:18px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;font-family:var(--font-body)}button{background:var(--accent);color:var(--gold-ink);cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text-h);border:1px solid var(--line);background:0 0}button.secondary:hover:not(:disabled){border-color:var(--text-faint);filter:none}button.danger{background:var(--danger);color:#fff}input,select,textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text-h);border-radius:8px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--accent);background:0 0;border:none;flex:none;padding:0}label{color:var(--text-h);flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.form-error{color:var(--danger);font-size:14px}.form-info{color:var(--accent);font-size:14px}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-theme-toggle{position:absolute;top:20px;right:20px}.auth-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-h);justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:24px;font-weight:700;display:flex}.auth-logo span{color:var(--gold)}.auth-logo .logo-mark{background:linear-gradient(135deg, var(--gold), var(--teal));width:34px;height:34px;color:var(--gold-ink);border-radius:9px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.auth-card{z-index:1;background:var(--panel);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:14px;padding:32px;position:relative}.auth-subtitle{color:var(--text-dim);margin-bottom:20px}.auth-switch{text-align:center;color:var(--text-dim);margin-top:16px;font-size:14px}.auth-card button[type=submit]{width:100%;margin-top:8px}.theme-toggle{background:var(--line-soft);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:15px;display:flex}.theme-toggle:hover{border-color:var(--text-faint);filter:none}.app-shell{min-height:100svh;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-h);flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo span{color:var(--gold)}.logo .logo-mark{background:linear-gradient(135deg, var(--gold), var(--teal));width:26px;height:26px;color:var(--gold-ink);border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.office-pill{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:20px;align-items:center;gap:8px;max-width:200px;padding:5px 12px;font-size:11.5px;display:flex;overflow:hidden}.office-pill .dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 8px var(--teal);border-radius:50%;flex-shrink:0}.avatar{background:linear-gradient(135deg, var(--line), var(--line-soft));width:32px;height:32px;font-family:var(--font-display);color:var(--text-h);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.header-signout{color:var(--text-dim);border:1px solid var(--line);background:0 0;padding:6px 12px;font-size:13px;font-weight:500}.header-signout:hover:not(:disabled){border-color:var(--text-faint);color:var(--text-h);filter:none}.mobile-nav-toggle{background:var(--line-soft);border:1px solid var(--line);color:var(--text-h);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:none}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:232px;height:100svh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;padding:0 4px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-nav a{color:var(--text-dim);border-radius:8px;align-items:center;padding:10px 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.sidebar-nav a:hover{background:var(--line-soft);color:var(--text-h)}.sidebar-nav a.active{background:var(--gold-soft);color:var(--gold)}.nav-group-toggle{width:100%;color:var(--text-dim);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-group-toggle:hover{background:var(--line-soft);color:var(--text-h);filter:none}.nav-group-toggle.active{color:var(--text-h)}.nav-chevron{stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0;width:14px;height:14px;transition:transform .15s}.nav-chevron.open{transform:rotate(180deg)}.nav-subgroup{border-left:1px solid var(--line);flex-direction:column;gap:2px;margin:2px 0 4px;padding-left:14px;display:flex}.nav-subgroup a{padding:8px 12px;font-size:13.5px}.sidebar-nav-soon{color:var(--text-faint);cursor:default;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.soon-badge{letter-spacing:.04em;flex-shrink:0;padding:1px 7px;font-size:9.5px}.sidebar-bottom{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.profile-row{align-items:center;gap:8px;display:flex}.profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.profile-email{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.icon-signout{border:1px solid var(--line);width:30px;height:30px;color:var(--text-dim);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-signout svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:15px;height:15px}.icon-signout:hover:not(:disabled){border-color:var(--coral);color:var(--coral);filter:none}.plan-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-upgrade-btn{font-family:var(--font-mono);background:var(--accent);color:var(--gold-ink);border-radius:100px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:600}.plan-upgrade-btn:hover{filter:brightness(1.08);color:var(--gold-ink)}.sidebar-backdrop,.mobile-topbar{display:none}.app-main{flex:1;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:32px}.topbar{justify-content:flex-end;align-items:center;gap:8px;margin:-8px 0 24px;display:flex}.topbar-icon-btn{background:var(--line-soft);border:1px solid var(--line);width:34px;height:34px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.topbar-icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:16px;height:16px}.topbar-icon-btn:hover{border-color:var(--text-faint);color:var(--text-h);filter:none}.notification-dot{background:var(--coral);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.profile-chip{background:var(--line-soft);border:1px solid var(--line);color:var(--text-h);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.profile-chip:hover{border-color:var(--text-faint);filter:none}.profile-chip-avatar{object-fit:cover;width:26px;height:26px;font-size:11px}.profile-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.profile-chip-chevron{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px;color:var(--text-faint);flex-shrink:0}.notification-menu-dropdown{width:300px;min-width:300px}.notification-dropdown-head{color:var(--text-h);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px 8px;font-size:12px;font-weight:600;display:flex}.notification-row{flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.notification-row.unread{background:var(--gold-soft)}.notification-row.unread:hover{background:var(--gold-soft);filter:brightness(1.05)}.notification-text{color:var(--text-h);white-space:normal;font-size:12.5px;font-weight:500}.notification-time{color:var(--text-faint);font-size:11px}@media (width<=860px){.app-shell{flex-direction:column}.mobile-topbar{border-bottom:1px solid var(--line);background:var(--blur-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-nav-toggle{display:flex}.sidebar{z-index:40;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{z-index:35;background:#00000080;display:block;position:fixed;inset:0}.app-main{padding:20px 18px}}@media (width<=480px){.mobile-topbar{gap:8px;padding:12px 16px}}.page-loading{text-align:center;color:var(--text-dim);padding:48px}.page>p{color:var(--text-dim);margin-bottom:16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:14px;padding:20px;transition:border-color .15s;display:block}.card:hover{border-color:var(--text-faint)}.card h2{color:var(--text-h)}.card p{color:var(--text-dim);margin:0;font-size:14px}.checklist{flex-direction:column;gap:10px;max-width:420px;padding:0;list-style:none;display:flex}.checklist li{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.checklist li.done{border-color:var(--teal);background:var(--teal-soft)}.checklist .check{color:var(--teal);font-weight:700}.skip-link{margin-top:24px;font-size:14px;display:inline-block}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;font-size:14px}th{color:var(--text-dim);font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px}td{color:var(--text-h)}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.badge{font-size:11px;font-family:var(--font-mono);letter-spacing:.02em;background:var(--line-soft);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-weight:500;display:inline-block}.badge.approved,.badge.published,.badge.passed,.badge.active{color:var(--teal);border-color:var(--teal);background:var(--teal-soft)}.badge.rejected,.badge.failed,.badge.missed{color:var(--danger);border-color:var(--danger);background:var(--coral-soft)}.badge.pending_review,.badge.draft,.badge.in_progress,.badge.pending,.badge.submitted,.badge.changes_requested{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.modal-backdrop{z-index:30;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);border-radius:14px;padding:24px;overflow-y:auto}.question-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:16px;padding:20px}.option-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.option-row input[type=text]{flex:1}.timer{font-family:var(--font-mono);color:var(--text-h);font-size:18px;font-weight:700}.timer.low{color:var(--danger)}.exam-question{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:20px;padding:24px}.exam-option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.exam-option:hover{border-color:var(--accent)}.exam-option.selected{border-color:var(--accent);background:var(--accent-bg)}.result-hero{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:24px;padding:40px 20px}.result-score{font-family:var(--font-display);color:var(--text-h);font-size:48px;font-weight:700}.result-pass{color:var(--teal)}.result-fail{color:var(--danger)}.field-row{flex-wrap:wrap;gap:16px;display:flex}.field-row>label{flex:1;min-width:160px}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row label{margin:0}.toggle-row input[type=checkbox]{width:auto}.public-link-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:20px;padding:20px}.public-link-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.public-link-row code{min-width:200px;font-family:var(--font-mono);background:var(--line-soft);border:1px solid var(--line);color:var(--text-h);white-space:nowrap;border-radius:8px;flex:1;padding:8px 12px;font-size:12.5px;overflow-x:auto}.hero{margin:-32px -32px 0;padding:44px 32px 8px;position:relative;overflow:hidden}.blob{filter:blur(70px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.blob-a{background:var(--blob-a);width:380px;height:380px;top:-160px;right:-60px}.blob-b{background:var(--blob-b);width:300px;height:300px;top:40px;right:300px}.hero-inner{z-index:1;position:relative}.hero-inner h1{margin-bottom:6px;font-size:30px}.hero-inner .sub{color:var(--text-dim);max-width:540px;margin:0;font-size:15px;line-height:1.6}.hero-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hero-datetime{font-family:var(--font-mono);color:var(--text-faint);font-size:12.5px}.hero-soon-pill{color:var(--text-faint);align-items:center;gap:6px;font-size:12px;display:flex}.ai-welcome{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:10px;max-width:620px;margin-top:16px;padding:12px 16px;display:flex}.ai-welcome-icon{flex-shrink:0;font-size:15px;line-height:1.4}.ai-welcome-text{color:var(--text-h);font-size:13.5px;line-height:1.5}.ai-welcome-loading{color:var(--text-faint)}.today-summary{z-index:1;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid;position:relative}.summary-chip{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.summary-chip.soon{opacity:.6}.summary-label{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-dim);font-size:11px}.summary-value{font-family:var(--font-display);color:var(--text-h);font-size:20px;font-weight:600}.quick-actions{z-index:1;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid;position:relative}.quick-action-btn{text-align:center;background:var(--gold-soft);color:var(--gold);border:1px solid #0000;border-radius:9px;padding:12px 10px;font-size:13px;font-weight:600}.quick-action-btn:hover{filter:brightness(1.05);color:var(--gold)}.quick-action-btn.soon{background:var(--line-soft);color:var(--text-faint);border-color:var(--line)}.ai-insights-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:24px 28px}.ai-insights-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.ai-insights-head h2{margin:0}.ai-insight-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.ai-insight-card{background:var(--line-soft);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.ai-insight-label{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:10.5px;display:flex}.ai-insight-card p{color:var(--text-h);margin:0;font-size:13.5px;line-height:1.5}.ai-insights-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.empty-office-card{z-index:1;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:24px;padding:40px 32px;position:relative}.empty-office-card p{color:var(--text-dim);margin:8px 0 20px}.empty-office-actions{justify-content:center;gap:10px;display:flex}.kpi-strip{z-index:1;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid;position:relative}.kpi-strip.kpi-strip-3{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.kpi-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.kpi-label{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;font-size:10.5px}.kpi-delta{font-family:var(--font-mono);color:var(--teal);white-space:nowrap;font-size:11px}.kpi-value{font-family:var(--font-display);color:var(--text-h);font-size:26px;font-weight:600}.kpi-value.attn{color:var(--coral)}.overview-wrap{z-index:1;margin-top:28px;position:relative}.overview-heading{font-family:var(--font-display);color:var(--text-dim);margin:0 0 12px;font-size:13px;font-weight:600}.overview-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.journey-stepper{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.journey-step{background:var(--panel);border:1px solid var(--line);color:var(--text-faint);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.journey-step:hover:not(:disabled){border-color:var(--text-faint);filter:none}.journey-step.active{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.journey-step:disabled{cursor:default;opacity:.6}.journey-step:disabled:hover{border-color:var(--line)}.journey-step-num{background:var(--line-soft);width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.journey-step.active .journey-step-num{background:var(--gold);color:var(--gold-ink)}.growth-pillar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 28px}.growth-pillar-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.growth-pillar-head h2{margin:0}.growth-objectives{color:var(--text-dim);margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.9}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding:13px 16px;font-size:10px}.data-table td{color:var(--text-h);border-bottom:1px solid var(--line-soft);padding:13px 16px;font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--line-soft)}.view-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:20px;display:flex}.view-tab{color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px;font-size:13.5px;font-weight:500}.view-tab:hover{color:var(--text-h);filter:none}.view-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.calendar-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.day-view-list{flex-direction:column;gap:8px;display:flex}.day-view-row{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.day-view-row:hover{border-color:var(--text-faint);color:inherit}.day-view-time{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;width:76px;font-size:12.5px}.day-view-title{color:var(--text-h);flex:1;font-weight:600}.week-view-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.week-day-col{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;min-height:120px;padding:10px;display:flex}.week-day-col.today{border-color:var(--gold)}.week-day-head{font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.week-day-num{color:var(--text-h);font-weight:600}.week-event-chip{background:var(--gold-soft);color:var(--gold);border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.week-event-chip:hover{filter:brightness(1.05);color:var(--gold)}.week-event-time{font-family:var(--font-mono);opacity:.85;font-size:10px}.month-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.month-weekday-label{font-family:var(--font-mono);color:var(--text-faint);text-align:center;padding-bottom:4px;font-size:10.5px}.month-cell{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:3px;min-height:84px;padding:6px;display:flex}.month-cell.outside{opacity:.4}.month-cell.today{border-color:var(--gold)}.month-cell-num{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.month-event-chip{background:var(--gold-soft);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:10.5px;overflow:hidden}.month-event-chip:hover{color:var(--gold)}.month-overflow{color:var(--text-faint);padding-left:5px;font-size:10px}@media (width<=860px){.week-view-grid{grid-template-columns:repeat(2,1fr)}.month-grid{grid-template-columns:repeat(7,1fr);font-size:11px}.month-cell{min-height:56px;padding:4px}}.event-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.event-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.event-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-category{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px}.event-title{margin:0;font-size:16px}.event-meta{color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.event-organizer{color:var(--text-faint);margin:0;font-size:12.5px}.event-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.upcoming-list{flex-wrap:wrap;gap:10px;display:flex}.upcoming-pill{background:var(--panel);border:1px solid var(--line);color:var(--text-faint);border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.bento{grid-template-columns:repeat(12,1fr);gap:14px;margin-top:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;padding:22px;transition:border-color .15s;display:flex}.tile:hover{border-color:var(--text-faint)}.t-setup{grid-column:span 5;align-items:center;gap:24px;display:flex}.gauge-wrap{flex-shrink:0;width:116px;height:116px;position:relative}.gauge-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:var(--line);stroke-width:5px}.gauge-progress{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-number{font-family:var(--font-display);color:var(--text-h);font-size:23px;font-weight:700}.gauge-label{font-family:var(--font-mono);color:var(--text-dim);font-size:9.5px}.t-setup-copy h3{margin-bottom:6px;font-size:17px}.t-setup-copy p{color:var(--text-dim);margin:0 0 16px;font-size:13px;line-height:1.55}.btn-primary-link{background:var(--gold);color:var(--gold-ink);border-radius:7px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary-link:hover{filter:brightness(1.08);color:var(--gold-ink)}.t-chart{grid-column:span 7}.tile-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tile-head h4{font-family:var(--font-display);color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.tile-icon{background:var(--line-soft);border:1px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tile-icon svg{width:16px;height:16px;stroke:var(--text-dim);stroke-width:1.8px;fill:none}.chart-bars{flex:1;align-items:flex-end;gap:10px;height:90px;padding-top:8px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--teal), var(--teal-soft));border-radius:5px 5px 2px 2px;width:100%;min-height:3px}.bar-day{font-family:var(--font-mono);color:var(--text-faint);font-size:9.5px}.chart-foot{border-top:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-top:14px;padding-top:14px;font-size:11px;display:flex}.t-resources{grid-column:span 3}.stat-big{font-family:var(--font-display);color:var(--text-h);margin:4px 0;font-size:30px;font-weight:700}.tile p.desc{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.5}.t-exams{grid-column:span 4}.exam-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.exam-row:last-child{border-bottom:none}.exam-row .exam-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.status-pill{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:9.5px}.status-live,.status-published{background:var(--teal-soft);color:var(--teal)}.status-draft{background:var(--gold-soft);color:var(--gold)}.status-archived{background:var(--line-soft);color:var(--text-faint)}.empty-row{color:var(--text-faint);padding:9px 0;font-size:12.5px}.t-team{grid-column:span 3}.avatar-stack{margin:6px 0 10px;display:flex}.avatar-stack .avatar{border:2px solid var(--panel);width:30px;height:30px;margin-left:-8px;font-size:11px}.avatar-stack .avatar:first-child{margin-left:0}.t-links{grid-column:span 2;justify-content:space-between}.activity-wrap{margin-top:14px}.activity{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.activity-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.activity-head h4{font-family:var(--font-display);color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.activity-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 22px;display:flex}.activity-filter-btn{background:var(--line-soft);border:1px solid var(--line);color:var(--text-dim);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:500}.activity-filter-btn.active{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.activity-search{flex:1;min-width:140px;max-width:220px}.log-line{border-bottom:1px solid var(--line-soft);color:var(--text-dim);align-items:center;gap:12px;padding:12px 22px;font-size:12.5px;display:flex}.log-line:last-child{border-bottom:none}.log-avatar{width:26px;height:26px;font-size:10px}.log-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.log-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:13px;height:13px}.log-icon.new{background:var(--gold-soft);color:var(--gold)}.log-icon.ok{background:var(--teal-soft);color:var(--teal)}.log-body{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.log-text{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);overflow:hidden}.log-module{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);border:1px solid var(--line);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9.5px}.log-time{font-family:var(--font-mono);color:var(--text-faint);text-align:right;flex-shrink:0;min-width:54px}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}.t-setup,.t-chart,.t-resources,.t-exams,.t-team,.t-links{grid-column:span 2}.kpi-strip,.overview-grid,.today-summary,.quick-actions,.kpi-strip.kpi-strip-3,.ai-insight-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{margin:-20px -18px 0;padding:26px 18px 4px}.hero-inner h1{font-size:22px}.hero-inner .sub{font-size:13.5px}.blob-a{width:240px;height:240px;top:-100px;right:-100px}.blob-b{display:none}.kpi-strip{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.kpi-strip.kpi-strip-3{grid-template-columns:1fr}.overview-grid,.today-summary{grid-template-columns:1fr;gap:10px}.quick-actions{grid-template-columns:1fr;gap:8px}.ai-insight-grid{grid-template-columns:1fr}.ai-insights-panel{padding:20px}.kpi{padding:13px 14px}.kpi-value{font-size:21px}.bento{grid-template-columns:1fr;gap:10px;margin-top:16px}.t-setup,.t-chart,.t-resources,.t-exams,.t-team,.t-links{grid-column:1/-1}.t-setup{text-align:left;flex-direction:column;align-items:flex-start;gap:16px}.gauge-wrap{width:100px;height:100px}.chart-bars{height:76px}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;transition:border-color .15s,color .15s;display:flex}.chip:hover{border-color:var(--text-faint);filter:none}.chip.active{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.search{border:1px solid var(--line);color:var(--text-faint);border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.search svg{stroke:currentColor;stroke-width:1.8px;fill:none;flex-shrink:0;width:15px;height:15px}.search input{color:var(--text-h);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:13px}.exam-list{flex-direction:column;gap:12px;display:flex}.exam-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .15s;position:relative}.exam-card:hover{border-color:var(--text-faint)}.exam-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.exam-title-block h3{font-family:var(--font-display);margin-bottom:3px;font-size:16.5px;font-weight:600}.exam-sub{color:var(--text-faint);font-size:12px}.exam-top-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.exam-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:0;font-size:12.5px;display:flex}.meta-item{align-items:center;gap:6px;padding:4px 14px 4px 0;display:flex}.meta-item svg{color:var(--text-faint);stroke:currentColor;stroke-width:1.7px;fill:none;flex-shrink:0;width:14px;height:14px}.meta-div{background:var(--line);width:1px;height:13px;margin:0 4px}.meta-strong{color:var(--text-h);font-weight:500}.warn-pill{font-family:var(--font-mono);color:var(--coral);background:var(--coral-soft);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;display:flex}.warn-pill svg{stroke:currentColor;fill:none;width:11px;height:11px}.link-on{color:var(--teal);font-weight:500}.link-off{color:var(--text-faint)}.copy-btn{background:var(--line-soft);border:1px solid var(--line);cursor:pointer;width:22px;height:22px;color:var(--text-dim);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}.copy-btn svg{stroke:currentColor;fill:none;width:11px;height:11px}.copy-btn:hover{border-color:var(--teal);color:var(--teal);filter:none}.review-cta{font-family:var(--font-mono);color:var(--coral);text-underline-offset:2px;font-size:11px;text-decoration:underline}.kebab-wrap{position:relative}.kebab{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex}.kebab svg{stroke:currentColor;fill:none;width:16px;height:16px}.kebab:hover{background:var(--line-soft);filter:none}.kebab-menu{z-index:15;background:var(--panel-hi);border:1px solid var(--line);min-width:150px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:1px;padding:6px;display:flex;position:absolute;top:34px;right:0}.kebab-menu button{text-align:left;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:500}.kebab-menu button:hover{background:var(--line-soft);filter:none}.kebab-menu button.danger-item{color:var(--coral)}.upload-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:32px;padding:24px}.upload-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:18px;display:grid}.dropzone{border:1.5px dashed var(--line);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:18px 20px;transition:border-color .15s,background-color .15s;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--gold);background:var(--gold-soft)}.dropzone-icon{background:var(--line-soft);border:1px solid var(--line);width:38px;height:38px;color:var(--text-dim);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropzone-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:18px;height:18px}.dropzone-text{color:var(--text-h);font-size:13px;font-weight:500}.dropzone-hint{color:var(--text-faint);margin-top:2px;font-size:11.5px}.upload-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.limit-note{color:var(--text-faint);font-size:11.5px}.limit-note.attn{color:var(--coral)}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.list-head h2{font-family:var(--font-display);margin:0;font-size:16px;font-weight:600}.res-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:18px 20px;transition:border-color .15s;position:relative}.res-card:hover{border-color:var(--text-faint)}.res-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.res-left{align-items:flex-start;gap:14px;min-width:0;display:flex}.res-icon{background:var(--line-soft);border:1px solid var(--line);width:38px;height:38px;color:var(--coral);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.res-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:18px;height:18px}.res-title-block{min-width:0}.res-title-block h3{font-family:var(--font-display);margin:0 0 3px;font-size:15.5px;font-weight:600}.res-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.res-meta .dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:3px;height:3px}.res-top-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.res-exam-link{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:12px;font-size:12.5px}@media (width<=900px){.exam-meta{gap:2px}.toolbar{flex-direction:column;align-items:stretch}.search{min-width:0}.upload-grid{grid-template-columns:1fr}.res-top{flex-wrap:wrap}}.section-note{color:var(--text-faint);margin-top:10px;font-size:12.5px}.btn-ghost{color:var(--text-dim);border:1px solid var(--line);background:0 0;border-radius:7px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--text-faint);color:var(--text-h);filter:none}.btn-approve{background:var(--teal-soft);color:var(--teal);border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.btn-decline{background:var(--line-soft);color:var(--text-dim);border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.jr-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:16px 18px;display:flex}.jr-left{align-items:center;gap:12px;display:flex}.jr-info .jr-name{color:var(--text-h);font-size:14px;font-weight:600}.jr-info .jr-meta{color:var(--text-dim);margin-top:2px;font-size:12px}.jr-score{font-family:var(--font-mono);font-size:13px}.jr-score.pass{color:var(--teal)}.jr-score.fail{color:var(--coral)}.jr-actions{gap:8px;display:flex}.empty-note{color:var(--text-faint);background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:16px 18px;font-size:13px}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.t-row{border-bottom:1px solid var(--line-soft);grid-template-columns:2fr 2fr 1fr 1.4fr 1fr 1.2fr;align-items:center;gap:12px;padding:13px 18px;display:grid}.t-row:last-child{border-bottom:none}.t-head{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.t-body{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;transition:background-color .15s}.t-body:hover{background:var(--line-soft);filter:none}.member-cell{color:var(--text-h);align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex;overflow:hidden}.member-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-dim{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.role-pill{font-family:var(--font-mono);color:var(--gold);background:var(--gold-soft);border-radius:20px;width:fit-content;padding:3px 9px;font-size:10px}.role-pill.member-role{color:var(--text-dim);background:var(--line-soft)}.score-bar-wrap{align-items:center;gap:8px;display:flex}.score-bar{background:var(--line-soft);border-radius:4px;flex-shrink:0;width:50px;height:5px;overflow:hidden}.score-bar-fill{background:var(--teal);border-radius:4px;height:100%}.not-started{color:var(--text-faint);font-size:12px;font-style:italic}.invite-row{border-bottom:1px solid var(--line-soft);grid-template-columns:2.5fr 1fr 1fr auto;align-items:center;gap:12px;padding:12px 18px;display:grid}.invite-row:last-child{border-bottom:none}.drawer-overlay{opacity:0;pointer-events:none;z-index:100;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:101;width:400px;max-width:100%;height:100vh;padding:26px;transition:right .25s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;right:-420px;overflow-y:auto}.drawer.open{right:0}.drawer-close{background:var(--line-soft);cursor:pointer;width:28px;height:28px;color:var(--text-dim);border:none;border-radius:7px;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:20px;right:20px}.drawer-close:hover{filter:none;color:var(--text-h)}.drawer-head{align-items:center;gap:14px;margin-bottom:24px;padding-top:6px;display:flex}.drawer-avatar{background:linear-gradient(135deg, var(--gold), var(--teal));width:50px;height:50px;font-family:var(--font-display);color:var(--gold-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.drawer-head h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:600}.drawer-head p{color:var(--text-dim);margin:2px 0 0;font-size:12.5px}.drawer-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px;display:grid}.drawer-kpi{background:var(--line-soft);text-align:center;border-radius:10px;padding:12px}.drawer-kpi .v{font-family:var(--font-display);color:var(--text-h);font-size:19px;font-weight:700}.drawer-kpi .l{font-family:var(--font-mono);color:var(--text-faint);margin-top:3px;font-size:9px}.drawer-history h4{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.05em;margin-bottom:10px;font-size:11px}.history-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.history-row:last-child{border-bottom:none}.hr-name{color:var(--text-h);font-size:13px;font-weight:500}.hr-date{color:var(--text-faint);font-size:11px}.hr-right{align-items:center;gap:8px;display:flex}.hr-score{font-family:var(--font-mono);color:var(--text-h);font-size:12.5px;font-weight:600}@media (width<=900px){.t-row{grid-template-columns:1.6fr 1fr 1fr}.t-row>:nth-child(2),.t-row>:nth-child(5),.t-row>:nth-child(6){display:none}.drawer{width:100%;right:-100%}}.badge.trialing{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.badge.past_due,.badge.canceled,.badge.expired{color:var(--danger);border-color:var(--danger);background:var(--coral-soft)}.billing-banner{background:var(--gold-soft);border:1px solid var(--gold);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.billing-banner.warn{background:var(--coral-soft);border-color:var(--danger)}.billing-banner p{color:var(--text-h);margin:0;font-size:13.5px}.billing-banner strong{color:inherit}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0 32px;display:grid}.usage-meter{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.usage-meter .um-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.usage-meter .um-label{color:var(--text-dim);font-size:12.5px}.usage-meter .um-count{font-family:var(--font-mono);color:var(--text-h);font-variant-numeric:tabular-nums;font-size:12.5px}.usage-bar{background:var(--line-soft);border-radius:4px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--teal);border-radius:4px;height:100%;transition:width .2s}.usage-bar-fill.attn{background:var(--coral)}.cycle-toggle{background:var(--line-soft);border:1px solid var(--line);border-radius:100px;gap:2px;padding:3px;display:inline-flex}.cycle-toggle button{color:var(--text-dim);background:0 0;border-radius:100px;padding:7px 18px;font-size:13px;font-weight:500}.cycle-toggle button:hover:not(:disabled){filter:none}.cycle-toggle button.active{background:var(--accent);color:var(--gold-ink)}.save-pill{font-family:var(--font-mono);color:var(--teal);border:1px solid var(--teal);border-radius:100px;padding:2px 10px;font-size:11px}.plan-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0;display:grid}.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:22px 20px;display:flex;position:relative}.plan-card.current{border-color:var(--teal)}.plan-card .pc-current-flag{background:var(--teal);color:var(--gold-ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:100px;padding:4px 10px;font-size:10px;position:absolute;top:-11px;left:20px}.plan-card h3{margin:4px 0 0;font-size:16px}.plan-card .pc-who{color:var(--text-dim);min-height:30px;margin:0;font-size:12px}.plan-card .pc-price{align-items:baseline;gap:6px;display:flex}.plan-card .pc-price .amt{font-family:var(--font-display);color:var(--text-h);font-size:26px}.plan-card .pc-price .per{color:var(--text-dim);font-size:12px}.plan-card ul{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-card li{color:var(--text-dim);align-items:flex-start;gap:8px;font-size:13px;display:flex}.plan-card li:before{content:"✓";color:var(--teal);flex-shrink:0;font-weight:700}.payment-history-empty{color:var(--text-dim);font-size:13.5px}