:root{--green:#0d6937;--green-mid:#73ab45;--lime:#a7c140;--green-tint:#e4efe6;--green-tint-2:#bfe0c8;--green-tint-3:#eef7f0;--amber:#c77d1a;--amber-dark:#9a5b00;--amber-tint:#f6ead2;--amber-tint-2:#fbf1e0;--amber-tint-3:#e8d3ab;--danger:#b02a1e;--danger-tint:#f7e1de;--ink:#1a1a1a;--body:#414042;--ink-2:#5f625d;--muted:#7c7f7a;--line:#e3e6e1;--surface-hover:#eef0ec;--surface-header:#f4f5f2;--surface-row:#f8f9f7;--app-bg:#eef0ec;--card:#fff;--font:Calibri, "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Code", "Consolas", ui-monospace, monospace;--fs-kpi:31px;--fs-title:25px;--fs-section:19px;--fs-card-title:15px;--fs-body:13.5px;--fs-control:13px;--fs-meta:12px;--r-card:11px;--r-modal:14px;--r-input:8px;--r-pill:20px;--r-chip:6px;--shadow-hover:0 4px 14px #0d3c231a;--shadow-modal:0 20px 60px #0000004d;--shadow-drawer:-8px 0 30px #00000026;--maxw:1360px;--gutter:28px}.pill{font-size:var(--fs-meta);border-radius:var(--r-pill);white-space:nowrap;padding:3px 9px;font-weight:600;display:inline-block}.pill--active{background:var(--green-tint);color:var(--green)}.pill--expiring{background:var(--amber-tint);color:var(--amber-dark)}.pill--expired{background:var(--danger-tint);color:var(--danger)}.pill--complete{background:var(--green);color:#fff}.pill--overdue{background:var(--danger-tint);color:var(--danger)}.pill--due-soon{background:var(--amber);color:#fff}.pill--due{background:var(--amber-tint);color:var(--amber-dark)}.pill--plain{background:var(--surface-hover);color:var(--ink-2)}.state{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);color:var(--muted);font-size:var(--fs-control);text-align:center;padding:44px 40px}.state--error{color:var(--danger)}.state__action{margin-top:12px}.btn{border-radius:var(--r-input);font-size:var(--fs-control);cursor:pointer;border:none;padding:10px 18px;font-weight:600}.btn--primary{background:var(--green);color:#fff}.btn--primary:hover{background:#0b5c30}.btn--outline{color:var(--green);border:1px solid var(--green);background:#fff}.btn--ghost{background:var(--surface-header);color:var(--body);border:1px solid var(--line)}.btn--charcoal{color:#fff;background:#34383a}.link-btn{font-size:var(--fs-meta);color:var(--green);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-btn:hover{color:var(--green-mid)}.context__actions{align-items:center;gap:10px;display:flex}.fy-select{border:1px solid var(--line);border-radius:var(--r-input);background:#fff;align-items:center;gap:7px;padding:6px 10px;display:flex}.fy-select span{font-size:var(--fs-meta);color:var(--muted)}.fy-select select{font-size:var(--fs-control);color:var(--green);cursor:pointer;background:0 0;border:none;outline:none;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.card__head{border-bottom:1px solid var(--surface-hover);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.card__title{font-weight:700;font-size:var(--fs-card-title);color:var(--ink)}.card__body{padding:16px 20px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);cursor:pointer;text-align:left;padding:17px 19px;transition:box-shadow .15s,border-color .15s}.kpi-card:hover{box-shadow:var(--shadow-hover);border-color:var(--green)}.kpi-card--amber:hover{border-color:var(--amber)}.kpi-card--accent{background:var(--green);border-color:var(--green);color:#fff}.kpi-card--accent:hover{box-shadow:0 4px 14px #0d3c2340}.kpi-card__label{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.kpi-card--accent .kpi-card__label{color:var(--green-tint-2)}.kpi-card__figure{font-size:var(--fs-kpi);color:var(--green);margin-top:6px;font-weight:700}.kpi-card__figure--amber{color:var(--amber)}.kpi-card--accent .kpi-card__figure{color:#fff}.kpi-card__sub{font-size:var(--fs-meta);color:var(--muted);margin-top:2px}.kpi-card--accent .kpi-card__sub{color:var(--green-tint-2)}.dash-cols{grid-template-columns:1.5fr 1fr;align-items:start;gap:16px;display:grid}.dash-side{flex-direction:column;gap:16px;display:flex}.up-row{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f2f3f0;grid-template-columns:1fr auto auto;align-items:center;gap:14px;width:100%;padding:12px 20px;display:grid}.up-row:hover{background:var(--surface-row)}.up-row__title{font-size:var(--fs-body);color:var(--ink);font-weight:600}.up-row__meta{font-size:var(--fs-meta);color:var(--muted)}.up-row__amount{font-size:var(--fs-body);color:var(--body);text-align:right;width:72px;font-weight:700}.spend-row{cursor:pointer;border-radius:var(--r-chip);text-align:left;background:0 0;border:none;width:100%;padding:2px}.spend-row:hover{background:var(--surface-header)}.spend-row__head{font-size:var(--fs-meta);justify-content:space-between;margin-bottom:4px;display:flex}.spend-row__name{color:var(--body);font-weight:600}.spend-row__meta{color:var(--muted)}.spend-bar{background:var(--surface-hover);border-radius:5px;height:8px;overflow:hidden}.spend-bar__fill{border-radius:5px;height:100%}.status-row{cursor:pointer;border-radius:var(--r-chip);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:-3px -4px;padding:3px 4px;display:flex}.status-row:hover{background:var(--surface-header)}.status-row__label{align-items:center;gap:9px;display:flex}.status-swatch{border-radius:3px;width:10px;height:10px}.status-row__text{font-size:var(--fs-control);color:var(--body)}.status-row__count{font-size:var(--fs-control);color:var(--ink);font-weight:700}.stack{flex-direction:column;display:flex}.stack-13{gap:13px}.stack-9{gap:9px}.muted-sub{font-size:var(--fs-meta);color:var(--muted);margin-bottom:15px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--line);border-radius:var(--r-input);font-size:var(--fs-control);color:var(--body);cursor:pointer;background:#fff;outline:none;padding:10px 13px}.filter-search{cursor:text;flex:1;min-width:220px}.filter-bar select{max-width:220px}.filter-clear{border:1px solid var(--line);border-radius:var(--r-input);font-size:var(--fs-control);color:var(--danger);cursor:pointer;white-space:nowrap;background:#fff;padding:10px 14px;font-weight:600}.status-menu{position:relative}.status-menu__btn{border:1px solid var(--line);border-radius:var(--r-input);font-size:var(--fs-control);color:var(--body);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:8px;padding:10px 13px;display:flex}.status-menu__caret{color:var(--muted);font-size:var(--fs-meta)}.status-menu__scrim{z-index:14;position:fixed;inset:0}.status-menu__list{z-index:15;border:1px solid var(--line);background:#fff;border-radius:9px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0d3c2324}.status-menu__item{border-radius:var(--r-chip);cursor:pointer;font-size:var(--fs-control);color:var(--body);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.status-menu__item:hover{background:var(--surface-header)}.checkbox{border:1.5px solid var(--line);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:flex}.checkbox--on{background:var(--green);border-color:var(--green)}.table-card{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;overflow:hidden}.lic-row{grid-template-columns:2.2fr 1.1fr 1.6fr .7fr 1fr 1.1fr 1fr;align-items:center;gap:10px;padding:12px 20px;display:grid}.lic-head{background:var(--surface-header);border-bottom:1px solid var(--line);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700}.th{text-align:left}.th--right{text-align:right}.th--btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.lic-body{max-height:560px;overflow:auto}.lic-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f2f3f0;width:100%}.lic-item:hover{background:var(--surface-row)}.lic-title{font-size:var(--fs-body);color:var(--ink);font-weight:600}.lic-sub{font-size:var(--fs-meta);color:var(--muted)}.lic-cell{font-size:var(--fs-control);color:var(--body)}.lic-cell--right{text-align:right}.lic-cell--strong{font-weight:600}.table-foot{font-size:var(--fs-meta);color:var(--muted);border-top:1px solid var(--surface-hover);padding:12px 20px}.overlay{z-index:50;background:#141e1673;display:flex;position:fixed;inset:0}.overlay--top{justify-content:center;align-items:flex-start;padding:40px 16px;overflow:auto}.overlay--center{z-index:70;justify-content:center;align-items:center;padding:24px}.overlay--drawer{justify-content:flex-end;align-items:stretch}.modal{border-radius:var(--r-modal);max-width:100%;box-shadow:var(--shadow-modal);background:#fff;animation:.25s satFade}.modal__head{border-bottom:1px solid var(--surface-hover);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.modal__kicker{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.7px;color:var(--green);font-weight:700}.modal__title{font-size:var(--fs-section);color:var(--ink);margin-top:2px;font-weight:700}.modal__close{background:var(--surface-header);border-radius:var(--r-input);cursor:pointer;width:34px;height:34px;color:var(--muted);border:none;font-size:17px}.modal__body{padding:22px 26px}.modal__foot{border-top:1px solid var(--surface-hover);justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{flex-direction:column;display:flex}.field--full{grid-column:span 2}.field__label{font-size:var(--fs-meta);color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.field input,.field select{border:1px solid var(--line);border-radius:var(--r-input);width:100%;font-size:var(--fs-body);background:#fff;outline:none;margin-top:5px;padding:10px 12px}.field__hint{font-size:var(--fs-meta);color:var(--muted);margin-top:5px}.calc-row{background:var(--surface-header);border-radius:9px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.calc-row__label{font-size:var(--fs-card-title);color:var(--body);font-weight:700}.calc-row__value{font-size:var(--fs-section);color:var(--green);font-weight:800}.prepaid-row{background:var(--green-tint-3);font-size:var(--fs-control);color:#0d3c23;border:1px solid #cfe6d5;border-radius:9px;justify-content:space-between;align-items:center;padding:11px 15px;font-weight:600;display:flex}.prepaid-row__value{font-size:var(--fs-card-title);color:var(--green);font-weight:800}.form__error{color:var(--danger);font-size:var(--fs-control);margin-right:auto}.btn--danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.6;cursor:default}.drawer{width:440px;max-width:100%;height:100%;box-shadow:var(--shadow-drawer);background:#fff;animation:.25s satFade;overflow-y:auto}.drawer__pad{padding:22px 24px}.drawer__head{justify-content:space-between;align-items:flex-start;display:flex}.drawer__kicker{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}.drawer__title{font-size:var(--fs-title);color:var(--ink);margin-top:3px;font-weight:700}.drawer__btn{width:100%;margin-top:12px;padding:11px}.drawer__notes{border-top:1px solid var(--surface-hover);margin-top:22px;padding-top:16px}.drawer__section-label{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:10px;font-weight:700}.kv-grid{background:var(--surface-hover);border:1px solid var(--surface-hover);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.kv{background:#fff;padding:13px 15px}.kv__label{font-size:var(--fs-meta);color:var(--muted)}.kv__value{font-size:var(--fs-body);color:var(--ink);margin-top:2px;font-weight:600}.kv__value--accent{color:var(--green);font-weight:700}.callout{background:var(--green-tint-3);color:#0d3c23;border:1px solid #cfe6d5;border-radius:9px;margin-top:12px;padding:11px 14px;font-size:12.5px;line-height:1.5}.note{border:1px solid var(--surface-hover);background:#f7f8f5;border-radius:9px;padding:10px 12px}.note__body{font-size:var(--fs-control);color:var(--ink);white-space:pre-wrap;line-height:1.45}.note__foot{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.note__meta{font-size:var(--fs-meta);color:var(--muted)}.note__del{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.note__input{box-sizing:border-box;resize:vertical;border:1px solid var(--line);border-radius:var(--r-input);width:100%;min-height:64px;font-size:var(--fs-control);outline:none;padding:10px 12px;font-family:inherit}.dialog{border-radius:var(--r-modal);width:400px;max-width:100%;box-shadow:var(--shadow-modal);background:#fff;padding:24px;animation:.2s satFade}.dialog__kicker{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.7px;color:var(--green);font-weight:700}.dialog__kicker--danger{color:var(--danger)}.dialog__title{color:var(--ink);margin-top:6px;font-size:17px;font-weight:700}.dialog__msg{font-size:var(--fs-body);color:var(--ink-2);margin-top:8px;line-height:1.5}.dialog__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@keyframes satToast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.toast{background:var(--ink);color:#fff;font-size:var(--fs-control);z-index:80;border-radius:24px;padding:12px 22px;font-weight:600;animation:.3s satToast;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.ta-right{text-align:right}.btn--sm{font-size:var(--fs-control);border-radius:7px;padding:7px 13px}.due-banner{background:var(--amber-tint-2);border:1px solid var(--amber-tint-3);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:11px 16px;display:flex}.due-banner span{font-size:var(--fs-control);color:var(--amber-dark);font-weight:600}.due-banner__clear{border:1px solid var(--amber-tint-3);font-size:var(--fs-control);color:var(--amber-dark);cursor:pointer;background:#fff;border-radius:7px;padding:6px 13px;font-weight:600}.month{margin-bottom:18px}.month__head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:9px;display:flex}.month__chevron{font-size:var(--fs-meta);color:var(--green);width:14px}.month__label{color:var(--green);font-size:14px;font-weight:700}.month__bar{background:var(--surface-hover);border-radius:4px;flex:1;height:6px;overflow:hidden}.month__bar-fill{background:var(--green);border-radius:4px;height:100%}.month__meta{font-size:var(--fs-meta);color:var(--muted);white-space:nowrap}.rcards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.rcard{border:1px solid var(--line);cursor:pointer;background:#fff;border-left:4px solid #cdd4cc;border-radius:9px;padding:13px 15px}.rcard:hover{box-shadow:var(--shadow-hover)}.rcard--done{opacity:.72}.rcard__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rcard__title{font-size:var(--fs-body);color:var(--ink);font-weight:600}.rcard__meta{font-size:var(--fs-meta);color:var(--muted);margin-top:3px}.rcard__foot{justify-content:space-between;align-items:baseline;margin-top:10px;display:flex}.rcard__renews{font-size:var(--fs-meta);color:var(--muted)}.rcard__amount{font-size:var(--fs-card-title);color:var(--green);font-weight:700}.rcard__btn{width:100%;font-size:var(--fs-meta);margin-top:11px;padding:8px}.budget-summary{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.bcard{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;padding:18px 20px}.bcard--accent{border:2px solid var(--green)}.bcard__label{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.bcard__label--green{color:var(--green)}.bcard__figure{margin-top:5px;font-size:28px;font-weight:700}.bcard__figure--muted{color:var(--muted)}.bcard__figure--green{font-size:var(--fs-kpi);color:var(--green);font-weight:800}.bcard__figure--amber{color:var(--amber)}.bcard__sub{font-size:var(--fs-meta);color:var(--muted);margin-top:3px}.budget-head{border-bottom:1px solid var(--surface-hover);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.toggle{border:1px solid var(--line);border-radius:var(--r-input);font-size:var(--fs-meta);font-weight:600;display:flex;overflow:hidden}.toggle__btn{cursor:pointer;color:var(--body);background:#fff;border:none;padding:7px 14px}.toggle__btn+.toggle__btn{border-left:1px solid var(--line)}.toggle__btn--on{background:var(--green);color:#fff}.budget-note{background:var(--surface-row);border-bottom:1px solid var(--surface-hover);font-size:var(--fs-meta);color:var(--muted);padding:8px 20px}.budget-row{grid-template-columns:2fr 1fr 1fr 1.4fr 1fr;align-items:center;gap:26px;padding:12px 20px;display:grid}.budget-row--head{background:var(--surface-header);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:11px 20px;font-weight:700}.budget-group{border-top:1px solid #f2f3f0}.budget-row--group{cursor:pointer;-webkit-user-select:none;user-select:none}.budget-row--group:hover{background:var(--surface-row)}.budget-group__name{font-size:var(--fs-body);color:var(--ink);align-items:center;gap:8px;font-weight:600;display:flex}.budget-group__chevron{color:var(--green);font-size:var(--fs-meta);width:12px}.budget-group__cur{color:var(--body);font-weight:600}.budget-group__fc{color:var(--amber);font-weight:600}.budget-share{align-items:center;gap:8px;display:flex}.budget-share__bar{background:var(--surface-hover);border-radius:5px;flex:1;height:8px;overflow:hidden}.budget-share__fill{background:var(--green);border-radius:5px;height:100%;display:block}.budget-share__pct{font-size:var(--fs-meta);color:var(--muted);text-align:right;width:34px}.budget-items{background:var(--surface-row);padding:4px 20px 12px 40px}.budget-item{grid-template-columns:2.4fr 1fr 1fr 1fr 1.2fr;align-items:center;gap:10px;padding:9px 12px;display:grid}.budget-item--head{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700}.budget-item:not(.budget-item--head){border:1px solid var(--surface-hover);cursor:pointer;background:#fff;border-radius:7px;margin-bottom:5px}.budget-item:not(.budget-item--head):hover{border-color:#cdd4cc}.budget-item__title{font-size:var(--fs-control);color:var(--ink);font-weight:600}.budget-item__sub{font-size:var(--fs-meta);color:var(--muted)}.budget-item__amt{color:var(--green);font-weight:600}.budget-row--total{border-top:2px solid var(--line);background:var(--surface-row)}.budget-total__label{font-size:var(--fs-body);color:var(--ink);font-weight:800}.budget-total__cur{color:var(--green);font-weight:800}.budget-total__fc{color:var(--amber);font-weight:800}.budget-footnote{font-size:var(--fs-meta);color:var(--muted);text-align:center;margin-top:10px}.reports-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.report-card{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;flex-direction:column;padding:20px;display:flex}.report-card__title{font-size:var(--fs-card-title);color:var(--ink);font-weight:700}.report-card__desc{font-size:var(--fs-control);color:var(--muted);margin:5px 0 18px;line-height:1.5}.report-card__btn{align-self:flex-start;margin-top:auto;padding:9px 15px;text-decoration:none}.reports-tables{grid-template-columns:1fr 1fr;gap:16px;display:grid}.spend-line{font-size:var(--fs-control);cursor:pointer;text-align:left;width:100%;color:var(--body);background:0 0;border:none;border-bottom:1px solid #f2f3f0;justify-content:space-between;padding:11px 20px;display:flex}.spend-line:hover{background:var(--surface-row)}.spend-line__amt{color:var(--ink);font-weight:600}.admin-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.admin-titles{grid-column:span 2}.admin-list{max-height:452px;overflow-y:auto}.admin-row{align-items:center;padding:11px 20px}.admin-row--head{background:var(--surface-header);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:10px 20px;font-weight:700}.admin-row--pub{grid-template-columns:1.5fr .9fr 76px;gap:8px;display:grid}.admin-row--title{grid-template-columns:1.8fr 1.1fr .5fr .6fr 76px;gap:8px;display:grid}.admin-row--dept{justify-content:space-between;gap:10px;display:flex}.admin-list .admin-row{border-top:1px solid #f2f3f0}.admin-name{font-size:var(--fs-control);color:var(--ink);font-weight:600}.admin-cell{font-size:var(--fs-control);color:var(--body)}.admin-sub{font-size:var(--fs-meta);color:var(--muted)}.admin-amber{color:var(--amber);font-size:var(--fs-control)}.admin-dept__info{min-width:0}.admin-actions{justify-content:flex-end;gap:6px;display:flex}.icon-btn{background:var(--surface-header);border:1px solid var(--line);border-radius:var(--r-chip);cursor:pointer;width:28px;height:28px;line-height:1}.icon-btn--edit{color:var(--green);font-size:13px}.icon-btn--remove{color:var(--danger);font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--app-bg);font-family:var(--font);font-size:var(--fs-body);color:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-mid)}h1,h2,h3,h4{margin:0}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdd4cc;border-radius:6px}@keyframes satFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{max-width:var(--maxw);width:100%;padding:26px var(--gutter) 60px;flex:1;margin:0 auto;animation:.3s satFade}.header{background:var(--card);border-bottom:3px solid var(--green);z-index:20;position:sticky;top:0}.header__bar{max-width:var(--maxw);padding:12px var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__brand{align-items:center;gap:16px;display:flex}.header__logo{height:40px;display:block}.header__divider{background:var(--line);width:1px;height:34px}.header__app-name{font-weight:700;font-size:var(--fs-card-title);color:var(--ink);line-height:1.15}.header__app-sub{font-size:var(--fs-meta);color:var(--muted)}.header__user{background:var(--surface-header);border-radius:22px;align-items:center;gap:9px;padding:5px 14px 5px 6px;display:flex}.avatar{background:var(--green-mid);color:#fff;width:28px;height:28px;font-size:var(--fs-meta);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.header__user-name{font-size:var(--fs-meta);color:var(--body);font-weight:600;line-height:1.1}.header__user-role{font-size:var(--fs-meta);color:var(--muted)}.header__account{align-items:center;gap:14px;display:flex}.header__signout{font-size:var(--fs-meta);color:var(--muted);font-weight:600}.header__signout:hover{color:var(--green)}.nav{max-width:var(--maxw);padding:0 var(--gutter);gap:4px;margin:0 auto;display:flex}.nav__tab{font-size:var(--fs-control);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 16px 10px;font-weight:600}.nav__tab:hover{color:var(--ink)}.nav__tab--active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.context{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.context__kicker{font-size:var(--fs-meta);color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.context__title{font-size:var(--fs-title);color:var(--ink);margin-top:2px;font-weight:700}.context__subtitle{font-size:var(--fs-control);color:var(--muted);margin-top:3px}.footer{background:var(--green);color:var(--green-tint-2);font-size:var(--fs-meta);text-align:center;padding:12px}.placeholder{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);color:var(--muted);font-size:var(--fs-control);padding:40px}.signin{background:var(--app-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.signin__card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-hover);text-align:center;max-width:420px;padding:40px}.signin__title{font-size:var(--fs-section);color:var(--ink);font-weight:700}.signin__text{font-size:var(--fs-control);color:var(--muted);margin:10px 0 20px;line-height:1.5}.signin__btn{padding:11px 22px;text-decoration:none;display:inline-block}