:root{--violet:#5b4bdb;--violet-deep:#3a2f9e;--violet-mist:#f1effd;--violet-tint:#c9c3f5;--ink:#1e1b3a;--slate:#6b6a80;--canvas:#f7f7fb;--surface:#fff;--white:#fff;--line:#e6e6ef;--owed:#047857;--owed-tint:#e7f6ef;--owe:#d92d20;--owe-tint:#fdecea;--pending:#b45309;--pending-tint:#fef3c7;--gray-500:#6b7280;--sidebar-bg:#1e1b3a;--sidebar-active:#3a2f9e;--sidebar-text:#c9c6e0;--sidebar-divider:#3a3760;--sidebar-card:#2a2650;--sidebar-hover:#ffffff0f;--sidebar-hover-strong:#ffffff14;--overlay:#1e1b3a73;--sp-1:1px;--sp-2:2px;--sp-3:3px;--sp-4:4px;--sp-5:5px;--sp-6:6px;--sp-7:7px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-18:18px;--sp-20:20px;--sp-24:24px;--sp-28:28px;--sp-32:32px;--sp-36:36px;--r-4:4px;--r-6:6px;--r-8:8px;--r-10:10px;--r-12:12px;--r-14:14px;--r-16:16px;--r-20:20px;--r-pill:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-generic:sans-serif;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-20:20px;--fs-22:22px;--fs-26:26px;--fs-30:30px;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;--ls-02:.02em;--ls-04:.04em;--shadow-modal:0 20px 60px #00000059}html{font-family:var(--font-sans)}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0}a{color:var(--violet)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--r-8);padding:var(--sp-8) var(--sp-10);background:var(--surface);color:var(--ink)}table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}th,td{text-align:left;padding:var(--sp-8) var(--sp-10);border-bottom:1px solid var(--line)}th{color:var(--slate);font-weight:var(--fw-600);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:var(--ls-02)}tr:hover td{background:var(--violet-mist)}a.metric-card:hover{border-color:var(--violet)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);gap:var(--sp-2);width:232px;padding:var(--sp-20) var(--sp-12);box-sizing:border-box;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-8) var(--sp-18);display:flex}.sidebar-logo .wordmark{font-size:var(--fs-17);font-weight:var(--fw-700);color:var(--white)}.sidebar-logo .badge-admin{font-size:var(--fs-10);font-weight:var(--fw-700);color:var(--violet-deep);background:var(--violet-mist);border-radius:var(--r-6);padding:var(--sp-2) var(--sp-6);letter-spacing:var(--ls-04)}.sidebar nav{gap:var(--sp-2);flex-direction:column;display:flex}.sidebar nav a{align-items:center;gap:var(--sp-10);height:40px;padding:0 var(--sp-10);border-radius:var(--r-10);color:var(--sidebar-text);font-size:var(--fs-14);font-weight:var(--fw-500);text-decoration:none;display:flex}.sidebar nav a:hover{background:var(--sidebar-hover)}.sidebar nav a.active{background:var(--sidebar-active);color:var(--white);font-weight:var(--fw-600)}.sidebar-divider{background:var(--sidebar-divider);height:1px;margin:var(--sp-10) var(--sp-8)}.nav-badge{border-radius:var(--r-pill);background:var(--owe);min-width:22px;height:22px;color:var(--white);font-size:var(--fs-12);font-weight:var(--fw-700);padding:0 var(--sp-6);justify-content:center;align-items:center;margin-left:auto;display:flex}.nav-badge.soft{background:var(--violet)}.nav-soon{font-size:var(--fs-10);font-weight:var(--fw-700);color:var(--sidebar-text);border:1px solid var(--sidebar-divider);border-radius:var(--r-6);padding:var(--sp-1) var(--sp-5);margin-left:auto}.sidebar-spacer{flex-grow:1}.avatar-chip{align-items:center;gap:var(--sp-10);padding:var(--sp-10);border-radius:var(--r-12);background:var(--sidebar-card);display:flex}.avatar-chip .initials{border-radius:var(--r-pill);background:var(--pending-tint);width:36px;height:36px;color:var(--pending);font-size:var(--fs-13);font-weight:var(--fw-700);flex:none;justify-content:center;align-items:center;display:flex}.avatar-chip .who{flex-grow:1;min-width:0}.avatar-chip .name{font-size:var(--fs-13);font-weight:var(--fw-600);color:var(--white);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar-chip .role{font-size:var(--fs-12);color:var(--sidebar-text)}.avatar-chip button{width:36px;height:36px;color:var(--sidebar-text);border-radius:var(--r-8);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.avatar-chip button:hover{background:var(--sidebar-hover-strong);color:var(--white)}.content-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:var(--sp-16);height:64px;padding:0 var(--sp-32);flex:none;display:flex}.search-field{border:1px solid var(--line);border-radius:var(--r-10);align-items:center;gap:var(--sp-8);width:380px;max-width:45vw;height:40px;padding:0 var(--sp-12);background:var(--canvas);color:var(--slate);display:flex}.search-field input{font-size:var(--fs-14);color:var(--ink);background:0 0;border:none;outline:none;flex-grow:1;padding:0}.env-badge{font-size:var(--fs-12);font-weight:var(--fw-700);color:var(--owed);background:var(--owed-tint);border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-10);margin-left:auto}.main{padding:var(--sp-28) var(--sp-32);box-sizing:border-box;flex:1;width:100%;max-width:1200px}.main h2{margin-top:0}.page-head{margin-bottom:var(--sp-20);justify-content:space-between;align-items:flex-end;gap:var(--sp-16);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--fs-26);font-weight:var(--fw-700);margin:0}.page-head .sub{font-size:var(--fs-13);color:var(--slate);margin-top:var(--sp-4)}.login-page{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border-radius:var(--r-20);padding:var(--sp-36);width:380px;box-shadow:var(--shadow-modal)}.login-card h1{margin-top:0;margin-bottom:var(--sp-8)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-8);padding:var(--sp-8) var(--sp-14);font-weight:var(--fw-600);color:var(--ink)}.btn:hover{border-color:var(--violet)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--violet);border-color:var(--violet);color:var(--white)}.btn-primary:hover{background:var(--violet-deep)}.btn-danger{border-color:var(--owe);color:var(--owe);background:var(--owe-tint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-12);padding:var(--sp-18);margin-bottom:var(--sp-16)}.stat-grid{gap:var(--sp-12);margin-bottom:var(--sp-20);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-12);padding:var(--sp-14) var(--sp-16)}.stat .value{font-size:var(--fs-26);font-weight:var(--fw-700)}.stat .label{color:var(--slate);font-size:var(--fs-13)}.badge{padding:var(--sp-2) var(--sp-8);border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:var(--fw-600);display:inline-block}.badge-owe{background:var(--owe-tint);color:var(--owe)}.badge-owed{background:var(--owed-tint);color:var(--owed)}.badge-pending{background:var(--pending-tint);color:var(--pending)}.badge-neutral{background:var(--violet-mist);color:var(--violet-deep)}.error{color:var(--owe);font-size:var(--fs-14)}.field{margin-bottom:var(--sp-14);gap:var(--sp-4);flex-direction:column;display:flex}.field label{font-size:var(--fs-13);color:var(--slate)}:where(.field) input,:where(.field) select,:where(.field) textarea{width:100%}.toolbar{gap:var(--sp-8);margin-bottom:var(--sp-16);flex-wrap:wrap;align-items:center;display:flex}.muted{color:var(--slate)}.spread{justify-content:space-between;align-items:center;display:flex}code.small{font-size:var(--fs-12);background:var(--violet-mist);padding:var(--sp-2) var(--sp-6);border-radius:var(--r-4)}.metric-grid{gap:var(--sp-16);margin-bottom:var(--sp-20);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-14);padding:var(--sp-16) var(--sp-18);color:inherit;text-decoration:none;display:block}.metric-label{font-size:var(--fs-13);font-weight:var(--fw-600);color:var(--slate)}.metric-value{font-size:var(--fs-30);font-weight:var(--fw-800);margin-top:var(--sp-6)}.metric-value.small{font-size:var(--fs-22);margin-top:var(--sp-10);align-items:center;gap:var(--sp-8);display:flex}.metric-note{font-size:var(--fs-12);color:var(--slate);margin-top:var(--sp-4)}.metric-note.up{color:var(--owed);font-weight:var(--fw-600)}.metric-note.down{color:var(--owe);font-weight:var(--fw-600)}.status-dot{border-radius:var(--r-pill);background:var(--owed);flex:none;width:10px;height:10px}.status-dot.bad{background:var(--owe)}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-10);padding:var(--sp-3);display:flex}.segmented button{height:34px;padding:0 var(--sp-14);border-radius:var(--r-8);color:var(--slate);font-size:var(--fs-13);font-weight:var(--fw-600);background:0 0;border:none}.segmented button.active{background:var(--violet-mist);color:var(--violet-deep);font-weight:var(--fw-700)}.dash-row{gap:var(--sp-16);grid-template-columns:1.6fr 1fr;align-items:stretch;display:grid}@media (width<=900px){.dash-row{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-14);padding:var(--sp-18) var(--sp-20);gap:var(--sp-14);flex-direction:column;display:flex}.chart-head{justify-content:space-between;align-items:baseline;display:flex}.chart-head .title{font-size:var(--fs-16);font-weight:var(--fw-700)}.chart-head .sub{font-size:var(--fs-12);color:var(--slate)}.chart-bars{align-items:flex-end;gap:var(--sp-6);border-bottom:1px solid var(--line);padding-bottom:var(--sp-4);flex-grow:1;min-height:140px;display:flex}.chart-bar{background:var(--violet-tint);border-radius:var(--r-6) var(--r-6) 0 0;min-height:3px;height:var(--bar-h);flex:1}.chart-bar.peak{background:var(--violet)}.chart-labels{font-size:var(--fs-12);color:var(--slate);justify-content:space-between;display:flex}.attention-item{gap:var(--sp-12);padding:var(--sp-10) 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex}.attention-item:last-of-type{border-bottom:none}.attention-dot{border-radius:var(--r-pill);width:8px;height:8px;margin-top:var(--sp-7);background:var(--slate);flex:none}.attention-title{font-size:var(--fs-14);font-weight:var(--fw-600);display:block}.attention-sub{font-size:var(--fs-12);color:var(--slate)}.banner{border-radius:var(--r-12);padding:var(--sp-14) var(--sp-16);font-size:var(--fs-14);margin-bottom:var(--sp-16);align-items:flex-start;gap:var(--sp-10);display:flex}.banner-info{background:var(--violet-mist);color:var(--violet-deep)}.banner-success{background:var(--owed-tint);color:var(--owed)}.otp-boxes{gap:var(--sp-8);display:flex}.otp-boxes input{text-align:center;width:44px;height:52px;font-size:var(--fs-20);font-weight:var(--fw-700);padding:0}.crumb{font-size:var(--fs-13);color:var(--slate);margin-bottom:var(--sp-8)}.crumb a{font-weight:var(--fw-600)}.modal-backdrop{background:var(--overlay);z-index:50;padding:var(--sp-20);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--r-16);padding:var(--sp-24);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:flex-start;display:flex}.modal-head h3{margin:0}.modal-close{color:var(--slate);padding:var(--sp-4);background:0 0;border:none}.preview-box{background:var(--canvas);border-radius:var(--r-10);padding:var(--sp-12) var(--sp-14);margin-bottom:var(--sp-12)}.preview-box .who{font-size:var(--fs-11);font-weight:var(--fw-700);color:var(--slate);letter-spacing:var(--ls-04);text-transform:uppercase;margin-bottom:var(--sp-4)}.locked-panel{background:var(--canvas);border:1px dashed var(--line);border-radius:var(--r-14);padding:var(--sp-24);text-align:center;color:var(--slate)}.tabs{gap:var(--sp-8);margin-bottom:var(--sp-20);display:flex}.tabs a,.tabs button{background:var(--violet-mist);color:var(--slate);font-size:var(--fs-13);font-weight:var(--fw-600);padding:var(--sp-8) var(--sp-14);border-radius:var(--r-pill);border:none;text-decoration:none}.tabs a.active,.tabs button.active{background:var(--violet);color:var(--white)}.metric-card--button{cursor:pointer;text-align:start}.metric-card.is-selected{background:var(--violet-mist)}.row-clickable{cursor:pointer}tr.is-selected{background:var(--violet-mist)}.attention-dot--owe{background:var(--owe)}.attention-dot--violet{background:var(--violet)}.modal-close--link{align-items:center;gap:var(--sp-4);color:var(--violet);font-weight:var(--fw-600);margin-bottom:var(--sp-8);padding:0;display:flex}.dialog-label{font-size:var(--fs-13);font-weight:var(--fw-600);color:var(--slate);margin-top:var(--sp-12);margin-bottom:var(--sp-6);display:block}.fieldset-plain{margin:var(--sp-8) 0 0;border:0;padding:0}.kv-grid{gap:var(--sp-4) var(--sp-16);grid-template-columns:auto 1fr;display:grid}.code-block{white-space:pre-wrap;background:var(--canvas);border-radius:var(--r-8);padding:var(--sp-12)}.avatar{border-radius:var(--r-pill);background:var(--violet-mist);width:48px;height:48px;color:var(--violet-deep);font-weight:var(--fw-700);font-size:var(--fs-16);flex:none;justify-content:center;align-items:center;display:flex}.icon-tile{border-radius:var(--r-12);background:var(--violet-mist);width:44px;height:44px;color:var(--violet);margin-bottom:var(--sp-16);justify-content:center;align-items:center;display:flex}.icon-tile--warn{background:var(--pending-tint);width:48px;height:48px;color:var(--pending)}.login-brand{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-20);display:flex}.login-brand__name{font-size:var(--fs-20);font-weight:var(--fw-700);color:var(--ink)}.login-title{font-size:var(--fs-22)}.email-frame{border-radius:var(--r-8);background:var(--white);border:none;width:100%;height:360px}.email-frame--empty{font-family:var(--font-generic);color:var(--gray-500);padding:var(--sp-16) var(--sp-8);margin-bottom:var(--sp-3)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.wrap{flex-wrap:wrap}.grow{flex-grow:1}.flex-1{flex:1}.self-start{align-self:flex-start}.min-w-0{min-width:0}.text-center{text-align:center}.break-all{word-break:break-all}.pre-wrap{white-space:pre-wrap}.select-all{-webkit-user-select:all;user-select:all}.overflow-auto{overflow:auto}.w-full{width:100%}.maxw-full{max-width:100%}.rounded-8{border-radius:var(--r-8)}.m-0{margin:0}.p-0{padding:0}.mt-neg-8{margin-top:calc(-1 * var(--sp-8))}.text-slate{color:var(--slate)}.text-owe{color:var(--owe)}.text-owed{color:var(--owed)}.fw-400{font-weight:var(--fw-400)}.fw-600{font-weight:var(--fw-600)}.fw-700{font-weight:var(--fw-700)}.dim{opacity:.5}.fs-12{font-size:var(--fs-12)}.fs-13{font-size:var(--fs-13)}.fs-18{font-size:var(--fs-18)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.gap-12{gap:var(--sp-12)}.gap-16{gap:var(--sp-16)}.mt-0{margin-top:0}.mt-8{margin-top:var(--sp-8)}.mt-12{margin-top:var(--sp-12)}.mt-16{margin-top:var(--sp-16)}.mb-0{margin-bottom:0}.mb-8{margin-bottom:var(--sp-8)}.mb-12{margin-bottom:var(--sp-12)}.mb-16{margin-bottom:var(--sp-16)}.mb-24{margin-bottom:var(--sp-24)}.ml-6{margin-inline-start:var(--sp-6)}.my-8{margin-block:var(--sp-8)}.my-12{margin-block:var(--sp-12)}.py-4{padding-block:var(--sp-4)}.py-6{padding-block:var(--sp-6)}.py-8{padding-block:var(--sp-8)}.w-80{width:80px}.w-90{width:90px}.w-140{width:140px}.w-160{width:160px}.w-200{width:200px}.w-240{width:240px}.w-260{width:260px}.w-280{width:280px}.w-440{width:440px}.maxw-420{max-width:420px}.maxw-480{max-width:480px}.maxw-520{max-width:520px}.max-h-300{max-height:300px}