.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}.account-label{max-width:280px;min-height:32px;color:var(--mint-strong);background:var(--mint);border:1px solid #c5dec8;border-radius:6px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.account-label svg{flex:none}.account-select{min-width:0;max-width:100%;color:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.account-chip{min-height:32px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:650;display:inline-flex}.account-chip--error{color:var(--brick);cursor:help;background:#fbf1ef;border-color:#e2c3bc}.account-notice{color:var(--ink);background:#fdf6e7;border:1px solid #ecd9a8;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;font-size:14px;display:flex}.account-notice strong{font-weight:750}.account-current{color:var(--mint-strong);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.table-wrap .accounts-table{min-width:820px}.confirm-inline{background:#fdf6e7;border:1px solid #ecd9a8;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;font-weight:650;display:flex}.link-button{color:inherit;font:inherit;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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}.eyebrow-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-badge{color:#8f3a28;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#fbf1ef;border:1px solid #e2c3bc;border-radius:999px;align-items:center;gap:5px;margin-bottom:6px;padding:2px 9px 2px 7px;font-size:11px;font-weight:650;display:inline-flex}.admin-mark{color:#8f3a28;flex:none;align-items:center;display:inline-flex}.button>.admin-mark{color:currentColor}.menu-item>.admin-mark{margin-left:auto}.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}.menu-anchor{position:relative}.menu-list{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:7px;min-width:100%;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 20px #1835361f}.menu-item{width:100%;min-height:36px;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.menu-item:hover:not(:disabled){background:var(--mint)}.menu-item:disabled{color:var(--muted);cursor:not-allowed}.menu-hint{color:var(--muted);padding:2px 12px 6px;font-size:12px}.menu-separator{border:none;border-top:1px solid var(--line);margin:5px -5px}.menu-item--danger{color:var(--brick)}.menu-item--danger:hover:not(:disabled){background:#fbf1ef}.button--icon{min-width:40px;padding:0}.checkbox-field{gap:6px;display:grid}.checkbox-field>label{color:var(--ink);cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.checkbox-field input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--mint-strong);cursor:pointer;border:none;border-radius:0;flex:none;margin:0;padding:0}.checkbox-field .field-hint{padding-left:25px}.confirm-dialog{width:min(440px,100vw - 32px);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:24px}.confirm-dialog::backdrop{background:#18353673}.confirm-dialog h2{margin-bottom:12px}.confirm-dialog .form-actions{justify-content:flex-end;margin-top:20px}.button--danger-solid{color:#fff;background:var(--brick);border-color:var(--brick)}.button--danger-solid:hover:not(:disabled){background:#93432f;border-color:#93432f}.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%}}.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}.account-cell,.period-cell{flex-direction:column;gap:2px;display:flex}.account-cell{font-weight:650}.account-cell small,.period-cell small,.usage-cell-hint,.datetime-cell small{color:var(--muted);font-size:11px;font-weight:650}.datetime-cell{flex-direction:column;gap:1px;font-size:13px;display:flex}.datetime-cell-never{color:var(--muted);font-size:13px}.status-pill{color:var(--mint-strong);background:var(--mint);white-space:nowrap;border:1px solid #c5dec8;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:650;display:inline-block}.status-pill--inactive{color:#8f3a28;background:#fbf1ef;border-color:#e2c3bc}.accounts-table tr.is-inactive td{color:var(--muted);background:#f7f8f6}.accounts-table tbody tr.is-inactive:hover td{background:#f7fbf6}.accounts-table tbody tr:last-child .menu-list{top:auto;bottom:calc(100% + 6px)}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.usage-cell{flex-direction:column;gap:4px;min-width:150px;display:flex}.usage-cell-count{font-weight:650}.usage-cell-count small{color:var(--muted);font-size:12px}.usage-meter{background:#dfe8e0;border-radius:3px;width:100%;height:5px;overflow:hidden}.usage-meter span{background:var(--mint-strong);border-radius:inherit;height:100%;display:block}.usage-meter--over span{background:var(--amber)}.usage-cell-empty{color:var(--muted)}.table-empty{color:var(--muted);text-align:center;padding:32px 16px;font-size:14px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filter-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:750}.filter-note{color:var(--muted);font-size:12px}.filter-search{min-width:200px;max-width:340px;min-height:40px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;flex:260px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.filter-search:focus-within{border-color:#c5dec8}.filter-search input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:14px}.filter-search input::-webkit-search-cancel-button{appearance:none}.filter-select{max-width:170px;min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px;font-size:14px;font-weight:650}.filter-select:disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.filter-clear{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.filter-clear:hover{color:var(--ink);border-color:var(--line)}.filter-export{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.filter-export-error{color:var(--brick);font-size:13px;font-weight:650}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.pagination-range{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagination-step,.pagination-page{min-width:36px;min-height:36px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.pagination-step:hover:not(:disabled),.pagination-page:hover:not(.pagination-page--active){border-color:#c5dec8}.pagination-step:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.pagination-page--active{color:var(--mint-strong);background:var(--mint);cursor:default;border-color:#c5dec8}.pagination-gap{color:var(--muted);padding:0 2px;font-size:13px}.pagination-controls .filter-select{min-height:36px;margin-left:4px}@media (width<=580px){.filter-search,.filter-select{width:100%;max-width:none}.filter-export{width:100%;margin-left:0}.pagination{justify-content:center}}.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}}.usage-track--over span{background:var(--amber)}.tier-label--unset{color:var(--muted);font-style:italic}: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}