.page{width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:42px 32px 28px}.topbar,.section-heading,.month-label{align-items:center;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding-bottom:24px}.topbar-actions{flex:none;align-items:center;gap:12px;display:flex}.nav{gap:4px;margin:18px 0 0;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:650;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--mint)}.nav a[aria-current=page]{color:var(--mint-strong);background:var(--mint)}.user-chip{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.company-chip{max-width:260px;min-height:32px;color:var(--mint-strong);background:var(--mint);text-overflow:ellipsis;white-space:nowrap;border:1px solid #c5dec8;border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.company-chip svg{flex:none}.section-heading{justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading>span{color:var(--muted);flex:none;align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.page>footer{color:var(--muted);align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.app-loading{min-height:100vh;color:var(--ink);place-items:center;padding:24px;font-size:16px;display:grid}.stack{gap:28px;margin-top:28px;display:grid}@media (width<=900px){.page{padding:28px 20px 24px}}@media (width<=580px){.page{padding:22px 16px}.topbar{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:20px}h1{font-size:32px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}}.button{color:#fff;background:var(--mint-strong);border:1px solid var(--mint-strong);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:650;display:inline-flex}.button:hover:not(:disabled){background:#1f5f4c}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{color:var(--ink);background:var(--surface);border-color:var(--line)}.button--secondary:hover:not(:disabled){background:var(--mint);border-color:#c5dec8}.button--danger{color:var(--brick);background:var(--surface);border-color:#e2c3bc}.button--danger:hover:not(:disabled){background:#fbf1ef}.button--block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:24px}.card>header{margin-bottom:18px}.card-hint{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.form{gap:16px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{gap:6px;display:grid}.field>label{color:var(--ink);font-size:13px;font-weight:650}.field input{min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:14px}.field input:focus{border-color:var(--mint-strong);outline-offset:0;outline:2px solid #cfe3d5}.field-hint{color:var(--muted);font-size:12px}.banner{border:1px solid;border-radius:6px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.banner svg{flex:none;margin-top:1px}.banner--error{color:#8f3a28;background:#fbf1ef;border-color:#e2c3bc}.banner--warning{color:#7d5810;background:#fdf6e6;border-color:#ecd9a8}.banner--success{color:#1f5f4c;background:var(--mint);border-color:#c5dec8}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(400px,100%)}.auth-card h1{font-size:30px}.status-list{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:16px;display:grid}.status-row{color:var(--muted);justify-content:space-between;gap:16px;font-size:13px;display:flex}.status-row strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.filter-toggle{min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:650;display:inline-flex}.filter-toggle:hover{border-color:#c5dec8}.filter-toggle input{width:15px;height:15px;accent-color:var(--mint-strong);cursor:pointer;margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.month-select{min-height:40px;color:var(--ink);background:var(--mint);border:1px solid #c5dec8;border-radius:6px;padding:0 10px;font-size:14px;font-weight:650}.month-label{min-height:40px;color:var(--ink);background:var(--mint);border:1px solid #c5dec8;border-radius:6px;flex:none;gap:9px;padding:0 13px;font-size:14px;font-weight:650}@media (width<=580px){.month-label,.month-select{justify-content:center;width:100%}}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 46px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:7px;min-width:0;padding:20px}.metric p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.metric strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:11px;font-size:clamp(23px,2.2vw,32px);display:block;overflow:hidden}.metric--primary{background:var(--ink);border-color:var(--ink)}.metric--primary p{color:#b8d2c2}.metric--primary strong{color:#fff}.metric--negative strong{color:var(--brick)}.metric--tax strong{color:#9b6a16}.metric--usage{background:#edf5f1;border-color:#bdd8c8}.usage-value{color:var(--mint-strong);align-items:baseline;gap:5px;display:flex}.usage-value small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.usage-track{background:#cfe3d5;border-radius:4px;width:100%;height:7px;margin-top:14px;overflow:hidden}.usage-track span{background:var(--mint-strong);border-radius:inherit;height:100%;display:block}.tier-label{color:var(--muted);margin-top:8px;font-size:12px;font-weight:650;display:block}@media (width<=900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:36px}}@media (width<=580px){.metrics{grid-template-columns:1fr;gap:10px;margin-top:20px;margin-bottom:30px}.metric{padding:17px}}.data-section{min-width:0}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:1080px;color:var(--ink);font-size:14px}.table-wrap th,.table-wrap td{text-align:left;padding:14px 16px}.table-wrap th{color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:0;text-transform:uppercase;background:#edf3ed;font-size:11px;font-weight:750}.th-sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.th-sort svg{opacity:.35}.th-sort:hover{color:var(--ink)}.th-sort:hover svg{opacity:.7}.th-sort--active{color:var(--mint-strong)}.th-sort--active svg{opacity:1}.numeric .th-sort{flex-direction:row-reverse}.table-wrap td{font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #e6ece7}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#f7fbf6}.table-wrap .numeric{text-align:right}.table-empty{color:var(--muted);text-align:center;padding:32px 16px;font-size:14px}:root{--ink:#183536;--muted:#657b78;--line:#d5dfd7;--surface:#fff;--canvas:#f3f6f1;--mint:#dff0df;--mint-strong:#27735c;--brick:#ad4f3b;--amber:#d39a35;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{font-size:38px;line-height:1}h2{font-size:24px;line-height:1.15}h3{font-size:18px;line-height:1.2}.eyebrow{color:var(--mint-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}