@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #F4EFE3;--card: #FAF6EC;--card-input: #FFFBF1;--card-alt: #F8F2E2;--ink: #1F1B14;--muted: #6B5E47;--accent: #2D4A3E;--warn: #C66B3D;--over: #B8552A;--under: #5C6B47;--divider: #E5DCC7;--divider-strong: #D9CDB0;--row-alt: #EFE8D6;--row-active: #E8DFC7;--scroll: #C4B698;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input{font-family:inherit}em{font-style:italic}.font-display{font-family:var(--font-display);font-feature-settings:"ss01","ss02"}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.italic{font-style:italic}.metric-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--muted)}.accent{color:var(--accent)}.warn{color:var(--warn)}.over{color:var(--over)}.under{color:var(--under)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.pin-gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 20% 30%,rgba(45,74,62,.04) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(198,107,61,.04) 0,transparent 40%),var(--bg)}.pin-card{background:var(--card);border:1px solid var(--divider);border-radius:8px;width:100%;max-width:24rem;padding:1.75rem;box-shadow:0 1px 0 var(--divider),0 10px 40px -20px #1f1b142e}@media(min-width:768px){.pin-card{padding:2.25rem}}.pin-icon-row{display:flex;justify-content:center;margin-bottom:1.25rem}.pin-icon{background:var(--row-alt);border-radius:9999px;padding:.75rem;display:inline-flex}.pin-icon svg{color:var(--accent)}.pin-title{font-family:var(--font-display);font-size:1.875rem;font-weight:500;letter-spacing:-.025em;text-align:center;margin:0}@media(min-width:768px){.pin-title{font-size:2.25rem}}.pin-title em{font-style:italic;color:var(--accent)}.pin-subtitle{font-family:var(--font-display);font-style:italic;font-size:.875rem;color:var(--muted);text-align:center;margin:.25rem 0 0}.pin-input-wrap{position:relative;margin-top:1.5rem}.pin-input{width:100%;text-align:center;font-family:var(--font-mono);font-size:1.125rem;letter-spacing:.4em;padding:.75rem 1rem;border-radius:4px;background:var(--card-input);border:1px solid var(--divider-strong);color:var(--ink)}.pin-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.pin-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);display:inline-flex}.pin-eye:hover{color:var(--ink)}.pin-error{margin-top:.75rem;text-align:center;font-size:.75rem;color:var(--warn);font-weight:500}.pin-submit{margin-top:1.25rem;width:100%;padding:.625rem 0;background:var(--accent);color:var(--card);border-radius:4px;font-size:.875rem;font-weight:500;transition:opacity .15s}.pin-submit:hover{opacity:.9}.pin-footer{margin-top:1.5rem;text-align:center;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease-in-out}.dashboard{min-height:100vh}.dashboard-header{border-bottom:1px solid var(--divider);padding:1.25rem 1rem}@media(min-width:768px){.dashboard-header{padding:1.25rem 2rem}}.dashboard-header-inner{max-width:80rem;margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.dashboard-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:-.025em;margin:0}@media(min-width:768px){.dashboard-title{font-size:1.875rem}}.dashboard-title em{font-style:italic;color:var(--accent)}.dashboard-summary{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.dashboard-main{max-width:80rem;margin:0 auto;padding:1.5rem 1rem}@media(min-width:768px){.dashboard-main{padding:1.5rem 2rem}}.toolbar{display:flex;gap:.5rem;margin-bottom:.75rem}.search-box{position:relative;flex:1;min-width:0}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{width:100%;padding:.5rem 2.25rem;font-size:.875rem;background:var(--card);border:1px solid var(--divider-strong);border-radius:4px;color:var(--ink)}.search-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--muted);display:inline-flex}.search-clear:hover{color:var(--ink)}.count-pill{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);display:flex;align-items:center;padding:0 .75rem;background:var(--card);border:1px solid var(--divider-strong);border-radius:4px;white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--card);color:var(--ink);border:1px solid var(--divider-strong);border-radius:4px;font-size:.75rem;font-weight:500;transition:all .15s;white-space:nowrap}.filter-chip.active{background:var(--accent);color:var(--card);border-color:var(--accent)}.filter-chip-count{font-family:var(--font-mono);opacity:.7}.table-card{background:var(--card);border:1px solid var(--divider);border-radius:4px;overflow-x:auto}.table-inner{min-width:760px}.row-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:.5rem;padding:.625rem .75rem}@media(min-width:768px){.row-grid{padding:.625rem 1rem}}.table-head{background:var(--row-alt);border-bottom:1px solid var(--divider)}.table-body{max-height:720px;overflow-y:auto}.sort-header{display:flex;align-items:center;gap:.25rem;width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--muted)}.sort-header:hover{color:var(--ink)}.sort-header.active{color:var(--accent)}.sort-header.right{justify-content:flex-end}.sort-arrow-faded{opacity:.4}.sort-dir{font-family:var(--font-mono);font-size:9px}.customer-row{width:100%;text-align:left;border-bottom:1px solid var(--divider)}.customer-row:hover{background:var(--row-alt)}.customer-row.expanded{background:var(--row-active)}.cell-name{display:flex;align-items:center;gap:.375rem;min-width:0}.cell-name-text{font-weight:500;font-size:.875rem}.cell-num{text-align:right;font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cell-num.accent{color:var(--accent);font-weight:500}.cell-num.warn{color:var(--warn)}.cell-num.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:2px .5rem;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-mono)}.chip-bill{background:#e5ede4;color:var(--accent)}.chip-excl{background:#f4ddd0;color:#8b3d1a}.chip-over{background:#f4ddd0;color:var(--over)}.chip-under{background:#e5ede4;color:var(--under)}.chip-flat{background:var(--row-alt);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.no-contract-text{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.expansion{background:var(--card-alt);border-bottom:1px solid var(--divider);padding:.75rem}@media(min-width:768px){.expansion{padding:.75rem 1.5rem}}.expansion-meta{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-size:.75rem;color:var(--muted);margin-bottom:.75rem}.expansion-meta strong{font-family:var(--font-mono);font-weight:500;color:var(--ink)}.expansion-meta strong.accent{color:var(--accent)}.expansion-meta strong.over{color:var(--over)}.expansion-meta strong.under{color:var(--under)}.expansion-no-contract{font-family:var(--font-display);font-style:italic;font-size:.75rem;color:var(--muted);margin-bottom:.75rem}.expansion-count{font-family:var(--font-display);font-style:italic;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.row-detail-list{display:flex;flex-direction:column;gap:.25rem}.row-detail{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.375rem .5rem;border-radius:4px;font-size:.75rem}@media(min-width:768px){.row-detail{grid-template-columns:repeat(12,minmax(0,1fr))}}.row-detail.bill{background:#2d4a3e0a}.row-detail.excl{background:#c66b3d0d}.row-detail-name{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}@media(min-width:768px){.row-detail-name{grid-column:span 3}}.row-detail-name strong{font-weight:500}.row-detail-email{font-family:var(--font-mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.row-detail-email{grid-column:span 4}}.row-detail-type{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}@media(min-width:768px){.row-detail-type{grid-column:span 2}}.row-detail-reason{font-style:italic;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.row-detail-reason{grid-column:span 3}}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted);font-family:var(--font-display);font-style:italic}.col-name{grid-column:span 5}.col-contracted,.col-cost,.col-billable{grid-column:span 2}.col-overunder{grid-column:span 3}.col-excluded,.col-total{grid-column:span 1}.right{text-align:right}