:root{--c-bg:#f4f6f8;--c-surface:#fff;--c-surface-2:#f9fafb;--c-border:#e2e6ea;--c-border-strong:#cbd2d9;--c-text:#1b2733;--c-text-muted:#5b6770;--c-text-faint:#8a949c;--c-ok-bg:#e3f5ec;--c-ok-fg:#0c6b46;--c-ok-bd:#a7e0c5;--c-warn-bg:#fff3da;--c-warn-fg:#8a5800;--c-warn-bd:#f3d18a;--c-bad-bg:#fde7e7;--c-bad-fg:#9a1d1d;--c-bad-bd:#f3b6b6;--c-info-bg:#e6eefb;--c-info-fg:#1a4a9c;--c-info-bd:#b9cdf0;--c-neutral-bg:#eef1f4;--c-neutral-fg:#475058;--c-neutral-bd:#d6dde2;--c-minor-bg:#efe8fb;--c-minor-fg:#5b3aa6;--c-minor-bd:#cfbef0;--c-focus:#6fb8ff;--radius:10px;--radius-sm:7px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(16,42,63,.06),0 1px 3px rgba(16,42,63,.05);--shadow-md:0 4px 12px rgba(16,42,63,.1);--shadow-lg:0 12px 32px rgba(16,42,63,.18);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--sidebar-w:248px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--c-accent-700);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25;color:var(--c-brand-900)}h1{font-size:1.55rem;letter-spacing:-.01em}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .8em}small{font-size:.82rem}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}.mono-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:4px}.mockup-banner{background:#ffe9a8;color:#6b4e00;font-size:.78rem;font-weight:600;text-align:center;padding:5px 12px;letter-spacing:.02em;border-bottom:1px solid #f0cf7a}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--c-brand-900);color:var(--c-on-brand-muted);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;font-weight:700;color:var(--c-on-brand);font-size:1.15rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar__brand .logo{width:32px;height:32px;border-radius:8px;background:var(--c-accent-700);display:grid;place-items:center;color:var(--c-on-accent);font-weight:800}.sidebar__role{padding:12px 18px;font-size:.8rem;color:var(--c-on-brand-faint);border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar__role strong{color:var(--c-on-brand);display:block;font-size:.92rem;font-weight:600}.nav{padding:10px;overflow-y:auto;flex:1 1}.nav__group{margin:4px 0 12px}.nav__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-on-brand-faint);padding:6px 10px;font-weight:700}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--c-on-brand-muted);font-size:.92rem;margin-bottom:2px}.nav a:hover{background:hsla(0,0%,100%,.07);text-decoration:none;color:var(--c-on-brand)}.nav a.active{background:var(--c-accent-700);color:var(--c-on-accent);font-weight:600}.nav a .ic{width:18px;text-align:center;opacity:.9}.nav__badge{margin-left:auto;background:var(--c-bad-bg);color:var(--c-bad-fg);font-size:.7rem;font-weight:700;border-radius:20px;padding:1px 7px}.sidebar__foot{padding:12px 16px;font-size:.75rem;color:var(--c-on-brand-faint);border-top:1px solid hsla(0,0%,100%,.08)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:1.2rem}.topbar .search{margin-left:auto;position:relative;max-width:320px;width:100%}.topbar .search input{padding-left:34px}.topbar .search .ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--c-text-faint)}.topbar .userchip{display:flex;align-items:center;gap:8px;font-size:.88rem}.avatar{width:34px;height:34px;border-radius:50%;background:var(--c-accent-050);color:var(--c-accent-700);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:0 0 34px}.avatar--sm{width:28px;height:28px;flex-basis:28px;font-size:.75rem}.avatar--lg{width:64px;height:64px;flex-basis:64px;font-size:1.4rem}.content{padding:24px;max-width:1200px;width:100%}.content--wide{max-width:1400px}.hamburger{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--c-brand-900)}.portal-header{background:var(--c-brand-900);color:var(--c-on-brand);display:flex;align-items:center;gap:18px;padding:12px 24px}.portal-header .logo{width:32px;height:32px;border-radius:8px;background:var(--c-accent-700);display:grid;place-items:center;color:var(--c-on-accent);font-weight:800}.portal-header .brand{font-weight:700;font-size:1.1rem}.portal-nav{display:flex;gap:4px;margin-left:18px}.portal-nav a{color:var(--c-on-brand-muted);padding:8px 14px;border-radius:8px;font-size:.92rem}.portal-nav a:hover{background:hsla(0,0%,100%,.08);color:var(--c-on-brand);text-decoration:none}.portal-nav a.active{background:var(--c-accent-700);color:var(--c-on-accent);font-weight:600}.portal-header .userchip{margin-left:auto;color:var(--c-on-brand)}.portal-main{max-width:980px;margin:0 auto;padding:24px;width:100%}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--c-border)}.card__head h2,.card__head h3{margin:0}.card__head .spacer{margin-left:auto}.card__body{padding:18px}.card__body--tight{padding:0}.card__foot{padding:12px 18px;border-top:1px solid var(--c-border);background:var(--c-surface-2);border-radius:0 0 var(--radius) var(--radius)}.grid{display:grid;grid-gap:18px;gap:18px}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--sidebar{grid-template-columns:2fr 1fr;align-items:start}@media (max-width:900px){.grid--2,.grid--3,.grid--sidebar{grid-template-columns:1fr}}.kpi{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.kpi__label{font-size:.8rem;color:var(--c-text-muted);display:flex;align-items:center;gap:6px;margin-bottom:6px}.kpi__value{font-size:1.7rem;font-weight:700;color:var(--c-brand-900);letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi__sub{font-size:.8rem;margin-top:4px}.kpi--accent{border-left:4px solid var(--c-accent-600)}.kpi--warn{border-left:4px solid #e0a83c}.kpi--bad{border-left:4px solid #d04a4a}.delta-up{color:var(--c-ok-fg);font-weight:600}.delta-down{color:var(--c-bad-fg);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:.9rem;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;line-height:1.1}.btn:hover{text-decoration:none}.btn--primary{background:var(--c-accent-600);color:var(--c-on-accent)}.btn--primary:hover{background:var(--c-accent-700);color:var(--c-on-accent)}.btn--secondary{background:var(--c-surface);color:var(--c-brand-900);border-color:var(--c-border-strong)}.btn--secondary:hover{background:var(--c-surface-2)}.btn--ghost{background:transparent;color:var(--c-brand-700)}.btn--ghost:hover{background:var(--c-accent-050)}.btn--danger{background:#fff;color:var(--c-bad-fg);border-color:var(--c-bad-bd)}.btn--danger:hover{background:var(--c-bad-bg)}.btn--dark{background:var(--c-brand-800);color:var(--c-on-brand)}.btn--dark:hover{background:var(--c-brand-900);color:var(--c-on-brand)}.btn--sm{padding:6px 11px;font-size:.82rem}.btn--lg{padding:12px 22px;font-size:1rem}.btn--block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:2px 9px;border-radius:20px;border:1px solid transparent;line-height:1.5;white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.chip--ok{background:var(--c-ok-bg);color:var(--c-ok-fg);border-color:var(--c-ok-bd)}.chip--warn{background:var(--c-warn-bg);color:var(--c-warn-fg);border-color:var(--c-warn-bd)}.chip--bad{background:var(--c-bad-bg);color:var(--c-bad-fg);border-color:var(--c-bad-bd)}.chip--info{background:var(--c-info-bg);color:var(--c-info-fg);border-color:var(--c-info-bd)}.chip--neutral{background:var(--c-neutral-bg);color:var(--c-neutral-fg);border-color:var(--c-neutral-bd)}.chip--minor{background:var(--c-minor-bg);color:var(--c-minor-fg);border-color:var(--c-minor-bd)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}table.tbl td,table.tbl th{padding:11px 14px;text-align:left;border-bottom:1px solid var(--c-border);vertical-align:middle}table.tbl thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);font-weight:700}table.tbl tbody tr:hover,table.tbl thead th{background:var(--c-surface-2)}table.tbl td.num,table.tbl th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-link{cursor:pointer}.cell-name{display:flex;align-items:center;gap:10px}.cell-name .meta{display:flex;flex-direction:column;line-height:1.2}.cell-name .meta small{color:var(--c-text-muted)}.field{margin-bottom:16px}.field>label,.label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;color:var(--c-text)}.field .hint{font-size:.78rem;color:var(--c-text-muted);margin-top:5px}.field .req{color:#b5341f}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{width:100%;font:inherit;font-size:.92rem;color:var(--c-text);padding:9px 12px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:#fff}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{border-color:var(--c-accent-600);outline:3px solid var(--c-accent-050);outline-offset:0}.field-row{display:flex;gap:14px}.field-row>*{flex:1 1}@media (max-width:620px){.field-row{flex-direction:column;gap:0}}fieldset{border:1px solid var(--c-border);border-radius:var(--radius);padding:16px 18px;margin:0 0 18px}fieldset legend{font-weight:700;font-size:.9rem;padding:0 6px;color:var(--c-brand-900)}.check{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-2);margin-bottom:10px}.check input{width:18px;height:18px;margin-top:2px;flex:0 0 18px;accent-color:var(--c-accent-600)}.check label{font-weight:500;font-size:.88rem;margin:0}.check label b{display:block;font-weight:600}.check--inline{display:inline-flex;align-items:center;padding:8px 12px;margin-bottom:0;font-size:.82rem;white-space:nowrap}.check--inline input{margin-top:0}.input-prefix{position:relative}.input-prefix input{padding-right:36px}.input-prefix .suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);font-size:.9rem}.segment{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);overflow:hidden}.segment label{padding:8px 14px;font-size:.88rem;cursor:pointer;background:#fff;border-right:1px solid var(--c-border-strong);margin:0}.segment label:last-child{border-right:none}.segment input{position:absolute;opacity:0;width:0}.segment label:has(input:checked){background:var(--c-accent-600);color:var(--c-on-accent);font-weight:600}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--c-border);margin-bottom:18px;flex-wrap:wrap}.tabs button{font:inherit;font-size:.9rem;font-weight:600;background:none;padding:10px 14px;cursor:pointer;color:var(--c-text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--c-brand-900)}.tabs button.active{color:var(--c-accent-700);border-bottom-color:var(--c-accent-600)}.tabpane{display:none}.tabpane.active{display:block}.crumb{font-size:.82rem;margin-bottom:10px}.crumb,.crumb a{color:var(--c-text-muted)}.dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:8px 18px;gap:8px 18px;font-size:.9rem}.dl dt{color:var(--c-text-muted)}.dl dd{margin:0;font-weight:500}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:13px;top:4px;bottom:4px;width:2px;background:var(--c-border)}.timeline li{position:relative;padding:0 0 18px 38px}.timeline li:last-child{padding-bottom:0}.timeline .tl-dot{position:absolute;left:5px;top:1px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--c-accent-600);display:grid;place-items:center;font-size:.6rem}.timeline .tl-dot.pay{border-color:var(--c-accent-600)}.timeline .tl-dot.att{border-color:#3b82c4}.timeline .tl-dot.note{border-color:#9a7cd0}.timeline .tl-dot.sys{border-color:var(--c-text-faint)}.timeline .tl-time{font-size:.76rem;color:var(--c-text-faint)}.timeline .tl-body{font-size:.9rem}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);font-size:.88rem;align-items:flex-start;margin-bottom:16px}.alert .ic{font-size:1.05rem;line-height:1.2}.alert--info{background:var(--c-info-bg);color:var(--c-info-fg);border:1px solid var(--c-info-bd)}.alert--warn{background:var(--c-warn-bg);color:var(--c-warn-fg);border:1px solid var(--c-warn-bd)}.alert--ok{background:var(--c-ok-bg);color:var(--c-ok-fg);border:1px solid var(--c-ok-bd)}.alert--bad{background:var(--c-bad-bg);color:var(--c-bad-fg);border:1px solid var(--c-bad-bd)}.modal-overlay{position:fixed;inset:0;background:rgba(15,42,63,.45);display:none;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:pop .14s ease}.modal--wide{max-width:720px}@keyframes pop{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.modal__head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--c-border)}.modal__head h2{margin:0;font-size:1.1rem}.modal__close{margin-left:auto;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--c-text-muted);line-height:1}.modal__body{padding:20px}.modal__foot{padding:14px 20px;border-top:1px solid var(--c-border);display:flex;gap:10px;justify-content:flex-end;background:var(--c-surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stack-avatars{display:flex}.stack-avatars .avatar{margin-left:-8px;border:2px solid #fff}.stack-avatars .avatar:first-child{margin-left:0}.capbar{height:7px;border-radius:20px;background:var(--c-neutral-bg);overflow:hidden;min-width:80px}.capbar span{display:block;height:100%;background:var(--c-ok-fg)}.capbar span.warn{background:#e0a83c}.capbar span.full{background:#d04a4a}.barchart{display:flex;align-items:flex-end;gap:10px;height:160px;padding-top:10px}.barchart .bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.barchart .bar .fill{width:100%;max-width:46px;background:linear-gradient(180deg,var(--c-accent-400),var(--c-accent-700));border-radius:6px 6px 0 0}.barchart .bar .lbl{font-size:.72rem;color:var(--c-text-muted)}.barchart .bar .val{font-size:.72rem;font-weight:600;color:var(--c-brand-900)}.chart-card svg{width:100%;height:auto;display:block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.wrap{flex-wrap:wrap}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--c-border);margin:16px 0;border:none}.pill-count{background:var(--c-neutral-bg);color:var(--c-neutral-fg);border-radius:20px;padding:1px 9px;font-size:.78rem;font-weight:600}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 16px}.section-title h1{margin:0}.section-title .spacer{margin-left:auto}.app-footer{padding:18px 24px;color:var(--c-text-faint);font-size:.78rem;border-top:1px solid var(--c-border);margin-top:auto;background:var(--c-surface)}.sidebar-backdrop{display:none}@media (max-width:860px){.sidebar{position:fixed;z-index:60;left:0;top:0;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}.hamburger{display:inline-block}.content{padding:16px}.topbar{padding:12px 16px}.portal-nav,.topbar .search{display:none}.portal-nav.open{display:flex;flex-direction:column;position:absolute;top:58px;left:0;right:0;background:var(--c-brand-800);padding:8px;z-index:40;margin:0}}@media print{.app-footer,.mockup-banner,.modal__close,.modal__foot,.modal__head,.no-print,.sidebar,.topbar{display:none!important}body{background:#fff}.modal-overlay{position:static;padding:0;background:none;display:block}.modal{box-shadow:none;max-width:100%}.receipt{box-shadow:none!important;border:none!important}}