:root{color-scheme:light;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--row-h: 36px;--control-h: 32px;--c-bg: #f5f7fa;--c-surface: #ffffff;--c-surface-2: #eef2f6;--c-border: #d9e0e7;--c-border-strong: #b8c3cf;--c-text: #14202b;--c-text-2: #4b5a69;--c-text-3: #7b8794;--c-inverse: #ffffff;--c-primary: #0f3d5e;--c-primary-hover: #0c3149;--c-primary-soft: #e3edf5;--c-accent: #f4c542;--c-focus: #2f80ed;--st-not-started: #8a97a5;--st-not-started-bg: #eef1f4;--st-in-progress: #1f6fd1;--st-in-progress-bg: #e4efff;--st-completed: #1e8e5a;--st-completed-bg: #e2f5ec;--st-pending-approval: #b26b00;--st-pending-approval-bg: #fff3dd;--st-sent-back: #b9430f;--st-sent-back-bg: #ffe9de;--st-overdue: #c62828;--st-overdue-bg: #fde3e3;--st-blocked: #6a3fb5;--st-blocked-bg: #ede6fb;--st-skipped: #5f6b78;--st-skipped-bg: #e8ecef;--c-danger: #c62828;--c-warning: #b26b00;--c-success: #1e8e5a;--c-info: #1f6fd1;--shadow-1: 0 1px 2px rgba(20, 32, 43, .08);--shadow-2: 0 4px 16px rgba(20, 32, 43, .12)}:root[data-theme=dark]{color-scheme:dark;--c-bg: #0f1418;--c-surface: #171d23;--c-surface-2: #1f272f;--c-border: #2c3641;--c-border-strong: #3d4a58;--c-text: #e6ebf0;--c-text-2: #aeb9c4;--c-text-3: #7f8b97;--c-inverse: #0f1418;--c-primary: #6fb3e8;--c-primary-hover: #8cc4ef;--c-primary-soft: #1b2f40;--c-accent: #f4c542;--c-focus: #6fb3e8;--st-not-started: #98a4b1;--st-not-started-bg: #242c35;--st-in-progress: #7fb2f0;--st-in-progress-bg: #1a2a40;--st-completed: #6fd39d;--st-completed-bg: #163325;--st-pending-approval: #f0b556;--st-pending-approval-bg: #3a2a10;--st-sent-back: #f19366;--st-sent-back-bg: #3d2114;--st-overdue: #f07171;--st-overdue-bg: #3d1a1a;--st-blocked: #b89cf0;--st-blocked-bg: #2a2040;--st-skipped: #9aa6b2;--st-skipped-bg: #242c35;--c-danger: #f07171;--c-warning: #f0b556;--c-success: #6fd39d;--c-info: #7fb2f0;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px rgba(0, 0, 0, .5)}:root[data-density=compact]{--row-h: 28px;--control-h: 28px;--fs-md: .8125rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);line-height:1.4}a{color:var(--c-primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{height:var(--control-h);padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--c-border-strong);background:var(--c-surface);cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap}.btn:hover{background:var(--c-surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-inverse);border-color:var(--c-primary)}.btn-primary:hover{background:var(--c-primary-hover)}.btn-danger{color:var(--c-danger);border-color:var(--c-danger)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{height:26px;padding:0 var(--sp-2);font-size:var(--fs-sm)}.input,.select,.textarea{height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%}.textarea{height:auto;min-height:80px;padding:var(--sp-2);resize:vertical}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label{font-size:var(--fs-sm);color:var(--c-text-2)}.field-error{color:var(--c-danger);font-size:var(--fs-xs)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.panel-title{font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--sp-3)}.muted{color:var(--c-text-3)}.mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.row{display:flex;align-items:center;gap:var(--sp-2)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.grow{flex:1}.page{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);min-height:0;height:100%}.page-header{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.page-header h1{font-size:var(--fs-xl);margin:0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);height:var(--row-h)}.table th{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:600;background:var(--c-surface-2);position:sticky;top:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600}@media(max-width:720px){.page{padding:var(--sp-3)}}.skeleton{display:flex;flex-direction:column;gap:8px;padding:8px 0}.skeleton-line{background:linear-gradient(90deg,var(--c-surface-2),var(--c-border),var(--c-surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.status-not-started{color:var(--st-not-started);background:var(--st-not-started-bg)}.status-in-progress{color:var(--st-in-progress);background:var(--st-in-progress-bg)}.status-completed{color:var(--st-completed);background:var(--st-completed-bg)}.status-pending-approval{color:var(--st-pending-approval);background:var(--st-pending-approval-bg)}.status-sent-back{color:var(--st-sent-back);background:var(--st-sent-back-bg)}.status-overdue{color:var(--st-overdue);background:var(--st-overdue-bg)}.status-blocked{color:var(--st-blocked);background:var(--st-blocked-bg)}.status-skipped{color:var(--st-skipped);background:var(--st-skipped-bg)}.kpi-card{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);min-width:120px;text-align:left;cursor:default}button.kpi-card{cursor:pointer}button.kpi-card:hover{border-color:var(--c-border-strong)}.kpi-card.active{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-soft)}.kpi-card.placeholder{border-style:dashed;opacity:.6}.kpi-label{font-size:var(--fs-xs);color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:var(--fs-2xl);font-weight:700}.kpi-card[data-tone=overdue] .kpi-value{color:var(--st-overdue)}.kpi-card[data-tone=blocked] .kpi-value{color:var(--st-blocked)}.kpi-card[data-tone=completed] .kpi-value{color:var(--st-completed)}.kpi-card[data-tone=in-progress] .kpi-value{color:var(--st-in-progress)}.kpi-card[data-tone=pending] .kpi-value{color:var(--st-pending-approval)}.dialog{border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:0;background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-2);max-width:calc(100vw - 32px)}.dialog::backdrop{background:#00000073}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.dialog-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border)}.toast-host{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;max-width:420px}.toast{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-info);box-shadow:var(--shadow-2)}.toast-success{border-left-color:var(--c-success)}.toast-warning{border-left-color:var(--c-warning)}.toast-error{border-left-color:var(--c-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-8);color:var(--c-text-2);text-align:center}.empty-icon{font-size:28px}.empty-title{font-weight:600;color:var(--c-text)}.tablist{display:flex;gap:2px;border-bottom:1px solid var(--c-border)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;cursor:pointer;color:var(--c-text-2)}.tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.tab-badge{margin-left:6px;background:var(--c-surface-2);border-radius:999px;padding:0 6px;font-size:var(--fs-xs)}.tabpanel{padding-top:var(--sp-3)}.table-wrap{overflow:auto;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover{background:var(--c-surface-2)}.table tr.selected{background:var(--c-primary-soft)}.sla-counter{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.sla-ok{color:var(--st-completed);background:var(--st-completed-bg)}.sla-warning{color:var(--st-pending-approval);background:var(--st-pending-approval-bg)}.sla-overdue{color:var(--st-overdue);background:var(--st-overdue-bg)}.sla-done{color:var(--st-skipped);background:var(--st-skipped-bg)}.sla-none{color:var(--c-text-3);background:var(--c-surface-2)}.sla-compact{padding:0 6px}.risk-low{color:var(--st-in-progress);background:var(--st-in-progress-bg)}.risk-medium{color:var(--st-pending-approval);background:var(--st-pending-approval-bg)}.risk-high{color:var(--st-sent-back);background:var(--st-sent-back-bg)}.risk-critical{color:var(--c-inverse);background:var(--st-overdue)}.inspector{position:relative;display:flex;flex-direction:column;flex:0 0 auto;height:100%;min-height:0;background:var(--c-surface);border-left:1px solid var(--c-border);box-shadow:var(--shadow-2);outline:none}.inspector-resizer{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5}.inspector-resizer:hover,.inspector-resizer:focus-visible{background:var(--c-primary-soft)}.inspector-header{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.inspector-title{font-size:var(--fs-lg);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis}.inspector-subtitle{font-size:var(--fs-sm)}.inspector-body{flex:1;overflow:auto;padding:var(--sp-3) var(--sp-4);min-height:0}.inspector-footer{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.inspector-mobile{position:fixed;inset:0;width:100%!important;z-index:50;border-left:none}.split-layout{display:flex;min-height:0;flex:1;height:100%}.split-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.stepper{display:flex;list-style:none;margin:0;padding:0;gap:0;flex-wrap:wrap}.step{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 0;position:relative}.step+.step:before{content:"";width:20px;height:2px;background:var(--c-border-strong);margin-right:6px}.step-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;border:2px solid var(--c-border-strong);color:var(--c-text-2);background:var(--c-surface)}.step-done .step-dot{background:var(--st-completed);border-color:var(--st-completed);color:var(--c-inverse)}.step-current .step-dot{border-color:var(--c-primary);color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.step-alert .step-dot{background:var(--st-sent-back);border-color:var(--st-sent-back);color:var(--c-inverse)}.step-label{display:flex;flex-direction:column;font-size:var(--fs-sm)}.step-current .step-label{font-weight:600}.step-todo .step-label{color:var(--c-text-3)}.step-hint{font-size:var(--fs-xs);color:var(--st-sent-back)}.evidence-drawer{display:flex;flex-direction:column;gap:var(--sp-3)}.evidence-form{padding:var(--sp-3);border:1px dashed var(--c-border-strong);border-radius:var(--radius-md)}.evidence-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.evidence-item{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.evidence-item.invalidated{opacity:.65}.evidence-item.invalidated .evidence-name{text-decoration:line-through}.evidence-kind{font-size:var(--fs-lg)}.evidence-meta{font-size:var(--fs-xs)}.evidence-note{font-size:var(--fs-sm)}.comment-composer{display:flex;flex-direction:column;gap:var(--sp-2)}.comment-input-wrap{position:relative}.mention-list{position:absolute;left:0;right:0;top:100%;margin:0;padding:4px 0;list-style:none;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:20;max-height:220px;overflow:auto}.mention-item{display:flex;justify-content:space-between;gap:var(--sp-2);padding:6px 10px;cursor:pointer}.mention-item.active,.mention-item:hover{background:var(--c-primary-soft)}.mention-empty{padding:6px 10px}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.comment-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--c-surface-2)}.comment-head{display:flex;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-2)}.comment-text{white-space:pre-wrap}.notif-wrap{position:relative}.notif-bell{position:relative;font-size:var(--fs-lg)}.notif-count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--c-danger);color:var(--c-inverse);font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notif-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:min(380px,calc(100vw - 24px));z-index:60;max-height:70vh;display:flex;flex-direction:column}.notif-head{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border)}.notif-list{list-style:none;margin:0;padding:0;overflow:auto}.notif-item{display:flex;align-items:flex-start;gap:4px;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border)}.notif-open{flex:1;display:flex;flex-direction:column;gap:2px;align-items:flex-start;background:none;border:none;text-align:left;cursor:pointer;padding:0;color:inherit}.notif-open:hover .notif-title{text-decoration:underline}.notif-title{font-weight:600}.notif-body,.notif-time{font-size:var(--fs-xs)}.notif-empty{padding:var(--sp-4);text-align:center}.grid-shell{display:flex;flex-direction:column;min-height:0;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.grid-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.grid-quick-filter{width:220px;max-width:100%}.grid-group-select{width:auto}.grid-count{font-size:var(--fs-sm);white-space:nowrap}.grid-bulk-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-primary-soft);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.grid-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.grid-viewport{flex:1;min-height:0;overflow:auto;position:relative;outline:none}.grid-viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--c-focus)}.grid-head{position:sticky;top:0;z-index:3;background:var(--c-surface-2)}.grid-body{position:relative}.grid-row{display:flex;align-items:stretch}.grid-header-row{height:var(--row-h);border-bottom:1px solid var(--c-border)}.grid-filter-row{height:var(--row-h);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.grid-cell{display:flex;align-items:center;padding:0 var(--sp-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-right:1px solid transparent;flex:0 0 auto;background:inherit}.grid-cell>*{min-width:0}.grid-cell-pinned{position:sticky;z-index:2;background:var(--c-surface);box-shadow:1px 0 0 var(--c-border)}.grid-header-row .grid-cell-pinned,.grid-filter-row .grid-cell-pinned{background:var(--c-surface-2);z-index:4}.grid-filter-row .grid-cell-pinned{background:var(--c-surface)}.grid-cell-select{justify-content:center;padding:0}.grid-header-cell{position:relative;font-size:var(--fs-sm);color:var(--c-text-2);font-weight:600}.grid-header-cell.sorted{color:var(--c-primary)}.grid-sort-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:4px;color:inherit;font:inherit;overflow:hidden;width:100%;text-align:inherit}.grid-header-label{overflow:hidden;text-overflow:ellipsis}.grid-sort-icon{font-size:9px}.grid-resizer{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;user-select:none;touch-action:none}.grid-resizer:hover,.grid-resizer.resizing{background:var(--c-primary);opacity:.5}.grid-col-filter{height:calc(var(--row-h) - 10px);font-size:var(--fs-xs)}.grid-data-row{height:var(--row-h);border-bottom:1px solid var(--c-border);background:var(--c-surface);cursor:default}.grid-data-row:hover,.grid-data-row:hover .grid-cell-pinned{background:var(--c-surface-2)}.grid-data-row.selected,.grid-data-row.selected .grid-cell-pinned{background:var(--c-primary-soft)}.grid-data-row.active,.grid-data-row.active .grid-cell-pinned{background:var(--c-primary-soft);box-shadow:inset 3px 0 0 var(--c-primary)}.grid-data-row.focused{outline:2px solid var(--c-focus);outline-offset:-2px}.grid-data-row.row-overdue .grid-cell:first-of-type{box-shadow:inset 3px 0 0 var(--st-overdue)}.grid-group-row{background:var(--c-surface-2);border-bottom:1px solid var(--c-border-strong)}.grid-group-label{display:flex;align-items:center;padding:0 var(--sp-3);font-weight:700;font-size:var(--fs-sm);position:sticky;left:0}.grid-group-sticky{position:absolute;left:0;right:0;height:30px;display:flex;align-items:center;padding:0 var(--sp-3);font-weight:700;font-size:var(--fs-sm);background:var(--c-surface-2);border-bottom:1px solid var(--c-border-strong);z-index:3;pointer-events:none}.grid-footer{padding:4px var(--sp-3);border-top:1px solid var(--c-border);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-menu{position:relative}.grid-menu-panel{position:absolute;top:calc(100% + 4px);z-index:30;padding:var(--sp-2);max-height:60vh;overflow:auto}.grid-menu-right{right:0}.grid-menu-left{left:0}.grid-column-list,.grid-view-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.grid-column-item,.grid-view-item{display:flex;align-items:center;gap:2px}.grid-column-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-view-apply{flex:1;justify-content:flex-start}.btn.active{background:var(--c-primary-soft)}.inline-cell{background:none;border:1px dashed transparent;border-radius:var(--radius-sm);padding:2px 6px;cursor:pointer;color:inherit;font:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.inline-cell:hover:not(:disabled){border-color:var(--c-border-strong);background:var(--c-surface)}.inline-select{height:calc(var(--row-h) - 8px)}.grid-cards{overflow:auto;flex:1;min-height:0;padding:var(--sp-2)}.grid-card{padding:var(--sp-3);margin-bottom:var(--sp-2);cursor:pointer}.grid-card.active{border-color:var(--c-primary)}.grid-card-group{font-weight:700;padding:6px var(--sp-2)}@media(max-width:720px){.grid-toolbar .grid-count,.grid-footer{display:none}.grid-quick-filter{width:100%}}.login-wrap{min-height:100%;display:grid;place-items:center;padding:var(--sp-6);background:radial-gradient(1200px 600px at 20% -10%,var(--c-primary-soft),transparent),var(--c-bg)}.login-card{width:min(440px,100%);padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6)}.login-brand{display:flex;gap:var(--sp-4);align-items:center}.login-brand h1{margin:0;font-size:var(--fs-2xl)}.login-brand p{margin:2px 0 0}.login-mark{width:44px;height:44px;border-radius:10px;background:var(--c-primary);position:relative;flex-shrink:0}.login-mark:after{content:"";position:absolute;left:11px;top:12px;width:18px;height:10px;border-left:4px solid var(--c-accent);border-bottom:4px solid var(--c-accent);transform:rotate(-45deg)}.pf-wizard{display:grid;gap:var(--sp-4)}.pf-steps{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}.pf-step{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);background:var(--surface);min-width:12rem}.pf-step[data-state=done]{border-color:var(--success, #2e7d32)}.pf-step[data-state=current]{border-color:var(--primary, #1565c0);box-shadow:0 0 0 1px var(--primary, #1565c0)}.pf-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--surface-2, rgba(0, 0, 0, .06));font-size:var(--fs-xs);font-weight:600}.pf-step[data-state=done] .pf-step-index{background:var(--success, #2e7d32);color:#fff}.pf-step-label{display:grid}.pf-step-label small{color:var(--muted);font-size:var(--fs-xs)}.pf-usage{display:grid;gap:var(--sp-3)}.pf-usage-row{display:grid;gap:var(--sp-1)}.pf-usage-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.pf-bar{height:.5rem;border-radius:999px;background:var(--surface-2, rgba(0, 0, 0, .08));overflow:hidden}.pf-bar>span{display:block;height:100%;background:var(--primary, #1565c0)}.pf-bar[data-state=WARNING]>span{background:var(--warning, #ed6c02)}.pf-bar[data-state=EXCEEDED]>span{background:var(--danger, #c62828)}.pf-license-banner{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);border:1px solid var(--warning, #ed6c02);background:color-mix(in srgb,var(--warning, #ed6c02) 12%,transparent);font-size:var(--fs-sm)}.pf-license-banner[data-state=EXCEEDED]{border-color:var(--danger, #c62828);background:color-mix(in srgb,var(--danger, #c62828) 12%,transparent)}.pf-key-secret{font-family:var(--font-mono, ui-monospace, monospace);word-break:break-all;padding:var(--sp-2);border-radius:var(--radius);background:var(--surface-2, rgba(0, 0, 0, .06))}.pf-kv{display:grid;grid-template-columns:minmax(9rem,max-content) 1fr;gap:var(--sp-1) var(--sp-3);margin:0}.pf-kv dt{color:var(--muted);font-size:var(--fs-sm)}.pf-kv dd{margin:0}.pf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--sp-3)}.pf-row{display:flex;gap:var(--sp-2);align-items:flex-end;flex-wrap:wrap}.pf-result{border-left:3px solid var(--success, #2e7d32);padding-left:var(--sp-3)}.pf-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--sp-3)}.pf-plan-card{display:grid;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);background:var(--surface)}.pf-plan-card-active{border-color:var(--primary, #1565c0);box-shadow:0 0 0 1px var(--primary, #1565c0)}.pf-plan-price{font-size:var(--fs-lg, 1.1rem);font-weight:600;margin:0}.pf-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.pf-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--sp-3)}.pf-pack-card{display:grid;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);background:var(--surface)}.pf-pack-card[data-installed=true]{border-color:var(--success, #2e7d32)}.pf-pack-badge{display:inline-block;font-size:var(--fs-xs);padding:.1rem var(--sp-2);border-radius:999px;background:var(--surface-2, rgba(0, 0, 0, .06));width:fit-content}.shell{display:grid;grid-template-columns:240px 1fr;height:100%}.shell.collapsed{grid-template-columns:56px 1fr}.sidebar{background:var(--c-primary);color:var(--c-inverse);display:flex;flex-direction:column;overflow:hidden}:root[data-theme=dark] .sidebar{background:var(--c-surface);color:var(--c-text);border-right:1px solid var(--c-border)}.brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);font-weight:700}.brand .btn{color:inherit}.sidebar nav ul{list-style:none;margin:0;padding:0}.sidebar nav a{display:block;padding:8px 16px;color:inherit;text-decoration:none;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid transparent}.sidebar nav a:hover{opacity:1;background:#ffffff14}.sidebar nav a.active{opacity:1;border-left-color:var(--c-accent);background:#ffffff1f}.nav-section{padding:12px 16px 4px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.shell.collapsed .sidebar nav a{padding-left:12px;font-size:0}.shell.collapsed .sidebar nav a:first-letter{font-size:var(--fs-md)}.shell-main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.topbar-select{width:auto;height:30px}.context-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.day-indicator{font-weight:600;padding:4px 10px;border-radius:999px;background:var(--c-primary-soft);color:var(--c-primary)}.user-menu{display:flex;align-items:center;gap:var(--sp-2)}.content{flex:1;overflow:auto;min-height:0}.skip-link{position:absolute;left:-999px;top:0;background:var(--c-accent);padding:8px;z-index:100}.skip-link:focus{left:8px}@media(max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:row;overflow-x:auto}.sidebar nav{display:flex}.sidebar nav ul{display:flex}.nav-section{display:none}}