:root{--seg-black:#1a1614;--seg-brick:#975554;--seg-beige:#e7ddce;--seg-white:#fff;--ink-900:#1a1614;--ink-800:#2e2925;--ink-700:#443d37;--ink-600:#6b635c;--ink-500:#8c847c;--ink-400:#b3aaa0;--ink-300:#d3cabf;--ink-200:#e6ded4;--ink-100:#f2ece3;--ink-050:#faf7f1;--brick-900:#6f3d3c;--brick-800:#804847;--brick-700:#975554;--brick-400:#c19998;--brick-300:#d5bbbb;--brick-200:#e6d3d3;--brick-100:#f0e4e4;--brick-050:#f8f1f1;--beige-500:#d8cbb6;--beige-300:#e7ddce;--beige-200:#eee7da;--beige-100:#f4efe6;--beige-050:#fbf8f2;--success:#5c7a5a;--success-tint:#edf2ea;--warning-ink:#8f6427;--warning-tint:#f8efe1;--danger:#a94442;--danger-tint:#f7e9e8;--bg-page:var(--beige-050);--surface-card:var(--seg-white);--surface-sunken:var(--ink-050);--text-strong:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-600);--text-subtle:var(--ink-500);--border-subtle:var(--ink-200);--border-default:var(--ink-300);--border-strong:var(--ink-400);--accent:var(--seg-brick);--accent-hover:var(--brick-800);--accent-press:var(--brick-900);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:999px;--fs-3xs:.6875rem;--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--ls-tighter:-.03em;--ls-tight:-.015em;--ls-wide:.04em;--ls-wider:.12em;--ls-widest:.22em;--shadow-xs:0 1px 2px #1a16140f;--shadow-sm:0 1px 3px #1a161414, 0 1px 2px #1a16140a;--shadow-md:0 4px 12px #1a161414, 0 2px 4px #1a16140d;--shadow-lg:0 12px 28px #1a16141f, 0 4px 8px #1a16140f;--shadow-xl:0 24px 56px #1a161429, 0 8px 16px #1a161414;--shadow-brand:0 10px 28px #97555447;--ring:0 0 0 3px #9755544d;--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.12s;--dur-med:.22s;--dur-slow:.4s;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-page);color:var(--text-body);font:400 var(--fs-md)/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-strong);margin:0}p{margin:0}button,input,select{font:inherit}button{cursor:pointer}img{display:block}.num{font-variant-numeric:tabular-nums}.eyebrow{font:600 var(--fs-2xs)/1 var(--font-sans);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-subtle)}.hint{font-size:var(--fs-xs);color:var(--text-muted)}[data-lucide],svg.lucide{flex:none;width:18px;height:18px}:focus-visible{box-shadow:var(--ring);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font:600 var(--fs-sm)/1 var(--font-sans);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast), transform var(--dur-fast);border:1px solid #0000;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-brand)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{color:var(--text-strong);border-color:var(--border-default);background:#fff}.btn-secondary:hover{border-color:var(--border-strong);background:var(--ink-050)}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--brick-050);color:var(--accent-hover)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--fs-xs)}.btn-lg{height:48px;padding:0 var(--space-5);font-size:var(--fs-md)}.btn[disabled]{opacity:.45;pointer-events:none}.btn.busy{opacity:.6;pointer-events:none}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--ink-100);color:var(--text-strong)}.icon-btn[disabled]{opacity:.35;pointer-events:none}.linkish{color:var(--accent);font-weight:600;font-size:var(--fs-sm);background:0 0;border:0;padding:0}.linkish:hover{color:var(--accent-press);text-underline-offset:3px;text-decoration:underline}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label,.label{font:600 var(--fs-sm)/1.2 var(--font-sans);color:var(--text-strong)}.input{width:100%;height:44px;padding:0 var(--space-3);color:var(--text-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);background:#fff}.input::placeholder{color:var(--ink-400)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--seg-brick);box-shadow:var(--ring);outline:none}select.input{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b635c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;padding-right:34px}.input-prefix{position:relative}.input-prefix>span{left:var(--space-3);color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-prefix .input{padding-left:30px}.inline-err{color:var(--danger);font-size:var(--fs-xs);min-height:1em}.seg{gap:var(--space-1);flex-wrap:wrap;display:flex}.seg button{height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-body);font-size:var(--fs-xs);background:#fff;font-weight:500}.seg button:hover{border-color:var(--border-strong)}.seg button[aria-pressed=true]{border-color:var(--seg-brick);background:var(--brick-050);color:var(--brick-900);font-weight:600}.segmented{background:var(--ink-100);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font:600 var(--fs-xs)/1 var(--font-sans);color:var(--text-muted);background:0 0;border:0}.segmented button:hover{color:var(--text-strong)}.segmented button[aria-pressed=true]{color:var(--text-strong);box-shadow:var(--shadow-xs);background:#fff}.badge{border-radius:var(--radius-pill);height:24px;font:600 var(--fs-2xs)/1 var(--font-sans);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.b-paid{background:var(--success-tint);color:var(--success)}.b-closed,.b-due{background:var(--ink-100);color:var(--ink-700)}.b-open{background:var(--brick-100);color:var(--brick-900)}.b-warn{background:var(--warning-tint);color:var(--warning-ink)}.b-soon{color:var(--text-muted);border:1px solid var(--border-subtle);background:#fff}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.45;display:flex}.notice [data-lucide],.notice svg{width:16px;height:16px;margin-top:2px}.notice-danger{background:var(--danger-tint);color:var(--danger)}.notice-info{background:var(--beige-100);color:var(--ink-700)}.notice-success{background:var(--success-tint);color:var(--success)}.loading{min-height:100vh;color:var(--text-muted);font-size:var(--fs-sm);text-align:center;place-items:center;display:grid}.loading img{width:36px;height:auto;margin:0 auto var(--space-4);animation:pulse 1.4s var(--ease-out) infinite}@keyframes pulse{50%{opacity:.35}}.login{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}.login-art{background:var(--seg-black);color:#fff;padding:var(--space-8);justify-content:space-between;gap:var(--space-8);flex-direction:column;display:flex}.login-art .lockup{align-self:flex-start;width:auto;height:96px;margin-left:-6px}.login-art h1{color:#fff;font:800 var(--fs-4xl)/1.05 var(--font-sans);letter-spacing:var(--ls-tighter);max-width:11ch}.login-art p{color:var(--ink-300);font-size:var(--fs-lg);max-width:36ch;margin-top:var(--space-5);line-height:1.65}.login-art .eyebrow{color:var(--ink-500)}.login-form{padding:var(--space-6) var(--space-4);background:var(--bg-page);place-items:center;display:grid}.login-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:var(--space-7) var(--space-6);gap:var(--space-5);background:#fff;flex-direction:column;display:flex}.login-card .mark{width:34px;height:auto}.login-card h2{font:700 var(--fs-2xl)/1.2 var(--font-sans);letter-spacing:var(--ls-tight);margin-top:var(--space-2)}.login-card .sub{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-2)}.login-card form{gap:var(--space-4);flex-direction:column;display:flex}.sent-icon{border-radius:var(--radius-lg);background:var(--brick-050);width:48px;height:48px;color:var(--seg-brick);place-items:center;display:grid}.sent-icon svg{width:22px;height:22px}.steps-list{gap:var(--space-3);font-size:var(--fs-sm);color:var(--text-body);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps-list li{gap:var(--space-3);align-items:flex-start;display:flex}.steps-list b{background:var(--ink-100);width:22px;height:22px;color:var(--ink-700);font-size:var(--fs-2xs);border-radius:50%;flex:none;place-items:center;display:grid}.login-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--seg-black);color:var(--ink-300);padding:var(--space-5) var(--space-4);gap:var(--space-5);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{padding:var(--space-1) var(--space-2);align-items:center;gap:10px;display:flex}.brand img{width:26px;height:auto}.brand span{color:#fff;letter-spacing:var(--ls-tight);font-weight:700}.nav{flex-direction:column;gap:2px;display:flex}.nav button{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--ink-300);font:500 var(--fs-sm)/1 var(--font-sans);text-align:left;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;display:flex}.nav button:hover{background:var(--ink-800);color:#fff}.nav button[aria-current=page]{background:var(--seg-brick);color:#fff}.side-card{background:var(--ink-800);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);text-align:left;color:inherit;font:inherit;border:0;flex-direction:column;margin-top:auto;display:flex}.side-card:hover{background:#38322d}.side-card .k{font-size:var(--fs-xs);color:var(--ink-400)}.side-card .v{font-size:var(--fs-lg);color:#fff;letter-spacing:var(--ls-tight);font-weight:700}.side-card .bar-track{border-radius:var(--radius-pill);background:#ffffff1f;height:4px;overflow:hidden}.side-card .bar-track i{background:var(--brick-400);border-radius:inherit;height:100%;display:block}.side-user{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid #ffffff1a;display:flex}.side-user .who-txt{flex:1;min-width:0}.side-user .name{color:#fff;font-size:var(--fs-sm);font-weight:600}.side-user .role-t{font-size:var(--fs-2xs);color:var(--ink-400)}.side-user .icon-btn{color:var(--ink-400)}.side-user .icon-btn:hover{background:var(--ink-800);color:#fff}.avatar{background:var(--brick-100);width:34px;height:34px;color:var(--seg-brick);font:700 var(--fs-xs)/1 var(--font-sans);border-radius:50%;flex:none;place-items:center;display:grid}.sidebar .avatar{background:var(--ink-700);color:#fff}main{min-width:0}.topbar{border-bottom:1px solid var(--border-subtle);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);background:#fff;flex-wrap:wrap;display:flex}.topbar h1{font:700 var(--fs-2xl)/1.2 var(--font-sans);letter-spacing:var(--ls-tight)}.title-row{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.topbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.month-switch{align-items:center;gap:2px;display:flex}.month-switch .input{width:170px;height:36px;font-weight:600;font-size:var(--fs-sm)}.content{padding:var(--space-6);gap:var(--space-5);flex-direction:column;max-width:1264px;display:flex}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.card-head h2{font:600 var(--fs-lg)/1.2 var(--font-sans);letter-spacing:var(--ls-tight)}.callout{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--seg-beige);border-radius:var(--radius-lg);display:flex}.callout .ic{border-radius:var(--radius-md);width:40px;height:40px;color:var(--seg-brick);background:#fff;flex:none;place-items:center;display:grid}.callout .grow{font-size:var(--fs-sm);color:var(--ink-700);flex:1}.callout b{color:var(--text-strong)}.steps{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.step{padding:var(--space-5);gap:var(--space-3);flex-direction:column;min-height:168px;display:flex}.step-top{align-items:center;gap:var(--space-2);display:flex}.step-n{width:24px;height:24px;font:700 var(--fs-2xs)/1 var(--font-sans);background:var(--ink-100);color:var(--ink-600);border-radius:50%;flex:none;place-items:center;display:grid}.step-n svg{width:13px;height:13px}.step-label{font:600 var(--fs-2xs)/1.2 var(--font-sans);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-subtle)}.step-value{font:700 var(--fs-2xl)/1.1 var(--font-sans);letter-spacing:var(--ls-tight);color:var(--text-strong)}.step-value small{font-size:var(--fs-sm);color:var(--text-subtle);letter-spacing:0;font-weight:500}.step-value.muted{color:var(--ink-400);font-size:var(--fs-lg);font-weight:600}.step-value.text{font-size:var(--fs-md);font-weight:600;line-height:1.4}.step .btn{align-self:flex-start;margin-top:auto}.step .meta{font-size:var(--fs-xs);color:var(--text-muted)}.step .meta:last-child{margin-top:auto}.step .meta.plus{color:var(--success);font-weight:600}.step .inc-q{font-size:var(--fs-xs);color:var(--text-muted);gap:var(--space-2)}.step .segmented button{height:26px;padding:0 var(--space-3)}.step.done .step-n{background:var(--success-tint);color:var(--success)}.step.current{border-color:var(--seg-brick);box-shadow:0 0 0 1px var(--seg-brick), var(--shadow-md)}.step.current .step-n{background:var(--seg-brick);color:#fff}.step.locked .step-n{background:var(--ink-800);color:#fff}.progress{border-radius:var(--radius-pill);background:var(--ink-100);height:6px;overflow:hidden}.progress i{background:var(--success);border-radius:inherit;height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.inc-q{align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text-strong);flex-wrap:wrap;font-weight:500;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th{text-align:left;padding:var(--space-3) var(--space-5);font:600 var(--fs-3xs)/1 var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:var(--ink-050)}td{padding:14px var(--space-5);border-bottom:1px solid var(--ink-100);white-space:nowrap;color:var(--text-body);vertical-align:middle}tbody tr:last-child td{border-bottom:0}th.r,td.r{text-align:right}tbody tr{transition:background var(--dur-fast)}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--beige-050)}tfoot td{background:var(--ink-050);color:var(--text-strong);border-top:1px solid var(--border-subtle);border-bottom:0;font-weight:700}.who{align-items:center;gap:var(--space-3);color:var(--text-strong);font-weight:600;display:flex}.who .avatar{width:30px;height:30px;font-size:var(--fs-2xs)}.plus{color:var(--success);font-weight:500}.minus{color:var(--danger);font-weight:500}.dash{color:var(--ink-300)}.total{color:var(--text-strong);font-weight:700}.ded-kind,.paid-by{font-size:var(--fs-3xs);color:var(--text-subtle);letter-spacing:.01em;margin-top:3px;font-weight:500;display:block}.note{text-overflow:ellipsis;max-width:240px;color:var(--text-muted);font-size:var(--fs-xs);overflow:hidden}.note-missing{color:var(--warning-ink);font-size:var(--fs-xs);align-items:center;gap:6px;font-weight:600;display:inline-flex}.note-missing svg{width:14px;height:14px}.pay-btn{min-width:104px}.paid-btn{background:var(--success-tint);color:var(--success);border-color:#0000}.paid-btn:hover{background:#e1eadd}.empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.kpis{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi{padding:var(--space-5)}.kpi .v{font:700 var(--fs-2xl)/1.1 var(--font-sans);letter-spacing:var(--ls-tight);color:var(--text-strong);margin-top:var(--space-3)}.kpi.accent .v{color:var(--seg-brick)}.kpi .s{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-2)}.chart{padding:var(--space-5) var(--space-5) var(--space-4)}.bars{align-items:flex-end;gap:var(--space-2);height:170px;display:flex}.bar{justify-content:flex-end;align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;height:100%;padding:0;display:flex}.bar i{background:var(--brick-200);width:100%;max-width:48px;transition:background var(--dur-fast);border-radius:4px 4px 0 0;display:block}.bar.closed i{background:var(--brick-400)}.bar.open i{background:var(--seg-brick)}.bar:hover i{background:var(--brick-800)}.bar span{font-size:var(--fs-3xs);color:var(--text-subtle);font-weight:600}.bar-labels{gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-top:var(--space-2);display:flex}.bar-labels span{text-align:center;font-size:var(--fs-2xs);color:var(--text-muted);flex:1}.legend{gap:var(--space-4);font-size:var(--fs-xs);color:var(--text-muted);display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.grid-2{gap:var(--space-5);grid-template-columns:1.5fr 1fr;align-items:start;display:grid}.list-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--ink-100);display:flex}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row .t{color:var(--text-strong);font-weight:600;font-size:var(--fs-sm)}.list-row .sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.role{font:600 var(--fs-2xs)/1 var(--font-sans);border-radius:var(--radius-pill);background:var(--seg-black);color:#fff;padding:6px 10px}.role.admin{background:var(--seg-beige);color:var(--text-strong)}.info-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.info-card h3{font:600 var(--fs-lg)/1.2 var(--font-sans);letter-spacing:var(--ls-tight)}.info-card p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);z-index:40;background:#1a161480;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{z-index:41;width:440px;max-width:100%;box-shadow:var(--shadow-xl);transition:transform var(--dur-med) var(--ease-out);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.on{transform:none}.drawer-head{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.drawer-head h3{font:600 var(--fs-lg)/1.2 var(--font-sans);letter-spacing:var(--ls-tight)}.drawer-body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:auto}.drawer-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);gap:var(--space-2);justify-content:flex-end;display:flex}.calc{background:var(--beige-100);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--fs-sm);gap:var(--space-2);flex-direction:column;display:flex}.calc div{justify-content:space-between;display:flex}.calc .t{border-top:1px solid var(--beige-500);padding-top:var(--space-3);margin-top:var(--space-1);color:var(--text-strong);font-weight:700;font-size:var(--fs-md)}.modal{border-radius:var(--radius-xl);width:440px;max-width:calc(100% - 32px);box-shadow:var(--shadow-xl);z-index:41;padding:var(--space-6);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);gap:var(--space-4);background:#fff;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal h3{font:700 var(--fs-xl)/1.2 var(--font-sans);letter-spacing:var(--ls-tight);margin-top:var(--space-2)}.modal p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.modal-actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.toast{bottom:var(--space-5);background:var(--seg-black);color:#fff;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);font-size:var(--fs-sm);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);z-index:60;box-shadow:var(--shadow-lg);max-width:calc(100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%,16px)}.toast.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{color:var(--brick-300);border-radius:var(--radius-sm);background:0 0;border:0;padding:6px 10px;font-weight:600}.toast button:hover{background:#ffffff14}.demo-flag{z-index:70;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--fs-2xs);color:var(--text-muted);box-shadow:var(--shadow-sm);background:#fff;padding:6px 12px;position:fixed;bottom:16px;right:16px}@media (width<=1100px){.steps,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.login{grid-template-columns:1fr}.login-art{padding:var(--space-6) var(--space-4);gap:var(--space-5)}.login-art .lockup{height:64px}.login-art h1{font-size:var(--fs-3xl)}.login-art p{font-size:var(--fs-md);margin-top:var(--space-3)}.login-art .eyebrow{display:none}.shell{grid-template-columns:1fr}.sidebar{z-index:20;height:auto;padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);flex-direction:row;position:sticky;top:0}.brand span,.nav button span,.side-card,.side-user .who-txt{display:none}.nav{flex-direction:row;flex:1;justify-content:center}.nav button{padding:10px}.side-user{border:0;padding:0}.side-user .avatar{display:none}.topbar,.content{padding:var(--space-4)}.grid-2{grid-template-columns:1fr}th,td{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (width<=560px){.steps,.kpis{grid-template-columns:1fr}.step{min-height:0}.login-card{padding:var(--space-6) var(--space-5)}.month-switch .input{width:140px}}