:root{--color-bg:#f0f0f1;--color-surface:#fff;--color-surface-alt:#f4f4f5;--color-border:#e7e7e9;--color-text:#0a0a0a;--color-muted:#71717a;--color-subtle:#a1a1aa;--color-ink:#0a0a0a;--color-ink-fg:#fff;--color-accent:#e11d2e;--color-accent-bg:#fdeceb;--color-blue:#3b82f6;--font-sans:"DM Sans", "Inter", "Geist", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-input:12px;--radius-md:16px;--radius-card:20px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}.app-shell{background:var(--color-bg);min-height:100vh;display:flex}.sidebar{width:220px;padding:var(--space-5) var(--space-4);gap:var(--space-6);flex-direction:column;flex-shrink:0;display:flex}.app-main{min-width:0;padding:var(--space-6) var(--space-8) var(--space-10);gap:var(--space-6);flex-direction:column;flex:1;display:flex}.account-switch{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);font-size:13px;font-weight:500;display:flex}.account-avatar{background:var(--color-ink);width:22px;height:22px;color:var(--color-ink-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.account-name{text-align:left;flex:1}.account-caret{color:var(--color-subtle)}.nav-group{gap:var(--space-1);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:none;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s ease-out,color .12s ease-out;display:flex}.nav-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-item.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000000f}.sidebar-spacer{flex:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5)}.card h3{font-size:15px;font-weight:600}.topbar{gap:var(--space-4);flex-direction:column;display:flex}.topbar h1{font-size:26px}.topbar-controls{align-items:center;gap:var(--space-2);display:flex}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:13px;font-weight:500;display:flex}.filter-chip svg{color:var(--color-subtle)}.topbar-spacer{flex:1}.btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:13px;font-weight:500;transition:background .12s ease-out;display:flex}.btn-secondary:hover{background:var(--color-surface-alt)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.stat-card{gap:var(--space-3);flex-direction:column;display:flex}.stat-label{color:var(--color-muted);font-size:13px}.stat-value{letter-spacing:-.02em;font-size:26px;font-weight:600}.stat-meta{flex-direction:column;gap:2px;display:flex}.stat-trend{align-items:center;gap:2px;width:fit-content;font-size:12px;font-weight:500;display:inline-flex}.stat-trend-up{color:var(--color-accent)}.stat-trend-down{color:var(--color-muted)}.stat-period{color:var(--color-subtle);font-size:12px}.mid-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;display:grid}.expense-card{gap:var(--space-4);flex-direction:column;display:flex}.expense-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.expense-note{align-items:center;gap:var(--space-1);color:var(--color-subtle);white-space:nowrap;font-size:12px;display:flex}.expense-body{gap:var(--space-6);flex:1;grid-template-columns:1fr 1.4fr;display:grid}.expense-history{gap:var(--space-5);flex-direction:column;justify-content:center;display:flex}.expense-row-label{color:var(--color-muted);margin-bottom:4px;font-size:12px}.expense-row-value{align-items:baseline;gap:var(--space-2);font-size:20px;font-weight:600;display:flex}.expense-row-value .stat-trend{font-size:12px}.expense-chart{flex-direction:column;min-height:220px;display:flex}.chart-bars{align-items:flex-end;gap:var(--space-3);flex:1;display:flex}.chart-bar-col{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart-bar{background:var(--color-accent);border-radius:4px 4px 2px 2px;width:100%;max-width:18px;min-height:2px;transition:opacity .1s}.chart-bar-hovered{opacity:.72}.chart-tooltip{background:var(--color-ink);color:var(--color-ink-fg);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.chart-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--color-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.chart-tooltip-date{opacity:.65;font-size:10px;line-height:1}.chart-tooltip-value{font-size:12px;font-weight:600;font-family:var(--font-mono);line-height:1}.chart-labels{gap:var(--space-3);padding-top:var(--space-2);display:flex}.chart-bar-label{color:var(--color-subtle);text-align:center;flex:1;font-size:11px;line-height:1.2;overflow:visible}.list-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.list-card{gap:var(--space-4);flex-direction:column;display:flex}.list-items{flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.list-item:last-child{border-bottom:none;padding-bottom:0}.list-item-detailed{align-items:flex-start}.list-icon{border-radius:var(--radius-input);background:var(--color-surface-alt);width:32px;height:32px;color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px}.list-item-body{flex:1;min-width:0}.list-item-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.list-item-title{font-size:13.5px;font-weight:500}.list-item-date{color:var(--color-subtle);flex-shrink:0;font-size:12px}.list-item-desc{color:var(--color-muted);margin-top:2px;font-size:12px}.list-item-amount{flex-shrink:0;font-size:13.5px;font-weight:600}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}.list-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;overflow-x:auto}.sidebar-spacer,.nav-footer{display:none}.mid-grid,.orders-summary-grid{grid-template-columns:1fr}}@media (width<=768px){.app-main{padding:var(--space-4)}.stat-grid,.list-grid,.totals-box,.orders-summary-grid,.expense-body{grid-template-columns:1fr}}.date-filter{position:relative}.date-filter-panel{top:calc(100% + var(--space-2));z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;left:0;box-shadow:0 8px 24px #0000001a}.date-filter-option{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);color:var(--color-text);background:0 0;border:none;font-size:13px;font-weight:500;display:block}.date-filter-option:hover{background:var(--color-surface-alt)}.date-filter-option.active{background:var(--color-accent-bg);color:var(--color-accent)}.date-filter-custom{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-1);flex-direction:column;display:flex}.date-filter-label{color:var(--color-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.date-filter-label input[type=date]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);background:var(--color-surface);font-family:inherit;font-size:13px}.date-filter-apply{margin-top:var(--space-1);align-self:flex-end}.page-size-select{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:12px;display:flex}.page-size-select select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);background:var(--color-surface);font-family:inherit;font-size:13px}.orders-summary-grid{gap:var(--space-4);grid-template-columns:1.4fr 1fr;align-items:stretch;display:grid}.totals-box{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.totals-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;justify-content:center;display:flex}.totals-label{color:var(--color-muted);font-size:12px}.totals-value{letter-spacing:-.02em;font-size:22px;font-weight:600}.table-card{gap:var(--space-4);flex-direction:column;padding:0;display:flex;overflow:hidden}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.04em;color:var(--color-subtle);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);font-size:11.5px;font-weight:600;position:sticky;top:0}.data-table td{padding:var(--space-3) var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border)}.data-table tbody tr:nth-child(2n){background:var(--color-surface-alt)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .col-num{text-align:right}.table-empty{text-align:center;padding:var(--space-8);color:var(--color-muted)}.pagination{padding:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.pagination-summary{color:var(--color-muted);font-size:12px}.pagination-controls{align-items:center;gap:var(--space-3);display:flex}.pagination-page{color:var(--color-text);font-size:13px;font-weight:500}.pagination-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-input);width:30px;height:30px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.pagination-btn:disabled{color:var(--color-subtle);cursor:not-allowed;opacity:.5}.pagination-btn:not(:disabled):hover{background:var(--color-surface-alt)}.login-shell{background:var(--color-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-12) var(--space-10);align-items:center;gap:var(--space-5);flex-direction:column;width:100%;max-width:400px;display:flex;box-shadow:0 4px 24px #0000000f}.login-logo{width:180px;height:auto;display:block}.login-subtitle{color:var(--color-subtle);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500}.login-error{color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center;width:100%;margin:0;font-size:13px}.google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;transition:box-shadow .15s,background .15s;display:flex}.google-btn:hover{background:var(--color-surface-alt);box-shadow:0 2px 8px #00000014}.google-icon{flex-shrink:0}.denied-box{background:var(--color-accent-bg);border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);border-radius:var(--radius-md);width:100%;padding:var(--space-5);gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.denied-title{color:var(--color-accent);margin:0;font-size:15px;font-weight:600}.denied-email{color:var(--color-text);font-size:13px;font-weight:500;font-family:var(--font-mono);margin:0}.denied-message{color:var(--color-muted);margin:0;font-size:13px;line-height:1.5}.back-link{color:var(--color-muted);font-size:13px;text-decoration:none}.back-link:hover{color:var(--color-text);text-decoration:underline}.auth-loading{background:var(--color-bg);min-height:100vh}.account-avatar-img{object-fit:cover;background:var(--color-border);border-radius:50%;width:22px;height:22px}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-subtle);pointer-events:none;position:absolute;left:10px}.search-input{height:32px;padding:0 var(--space-3) 0 30px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);font-size:13px;font-family:var(--font-sans);color:var(--color-text);outline:none;width:240px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ink) 8%, transparent)}.search-input::placeholder{color:var(--color-subtle)}.customers-layout{gap:var(--space-4);align-items:flex-start;min-width:0;display:flex}.customers-table-card{flex:1;min-width:0;transition:flex .25s}.table-row-clickable{cursor:pointer;transition:background .1s}.table-row-clickable:hover{background:var(--color-surface-alt)}.row-selected{background:color-mix(in srgb, var(--color-accent) 5%, transparent)!important}.status-badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{background:var(--color-surface-alt);color:var(--color-subtle)}.customer-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:340px;top:var(--space-6);max-height:calc(100vh - var(--space-12));flex-direction:column;flex-shrink:0;align-self:flex-start;animation:.2s panel-slide-in;display:flex;position:sticky;overflow:hidden auto}@keyframes panel-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.panel-title{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.panel-name{color:var(--color-text);font-size:15px;font-weight:600;line-height:1.3}.panel-name-skeleton{background:var(--color-border);border-radius:var(--radius-sm);width:140px;height:18px;animation:1.4s infinite pulse;display:block}.panel-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.panel-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.panel-body{padding:var(--space-2) 0;flex-direction:column;display:flex;overflow-y:auto}.panel-section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.panel-section:last-child{border-bottom:none}.panel-section-title{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:600}.panel-section-count{text-transform:none;letter-spacing:0;font-weight:400}.panel-row{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:13px;display:flex}.panel-row-icon{color:var(--color-subtle);flex-shrink:0}.panel-spend-section{background:var(--color-surface-alt)}.panel-spend-row{justify-content:space-between;align-items:center;display:flex}.panel-spend-label{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:13px;font-weight:500;display:flex}.panel-spend-value{color:var(--color-accent);font-size:18px;font-weight:700;font-family:var(--font-mono)}.panel-orders{gap:var(--space-2);flex-direction:column;display:flex}.panel-order-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:12px;display:flex}.panel-order-meta{flex-direction:column;gap:2px;display:flex}.panel-order-date{color:var(--color-text);font-weight:500}.panel-order-items{color:var(--color-subtle)}.panel-order-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.panel-order-total{color:var(--color-text);font-weight:600}.panel-order-state{color:var(--color-subtle);font-size:11px}.panel-empty{color:var(--color-subtle);margin:0;font-size:13px}.panel-skeleton-row{background:var(--color-border);border-radius:var(--radius-sm);height:14px;margin:var(--space-3) var(--space-5);animation:1.4s infinite pulse}.panel-skeleton-row:nth-child(2){width:70%;animation-delay:.1s}.panel-skeleton-row:nth-child(3){width:55%;animation-delay:.2s}.panel-skeleton-row:nth-child(4){width:80%;animation-delay:.3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}