:root{--bg: #f1efe8;--surface: #ffffff;--surface-raised: #ffffff;--border: rgba(10, 10, 8, .08);--text: #0e0e0b;--text-muted: #87867c;--accent: #e07a35;--accent-contrast: #ffffff;--success: #2f9e63;--danger: #d6483f;--radius: 22px;--radius-sm: 14px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(20, 16, 8, .04), 0 16px 32px -14px rgba(20, 16, 8, .16);--shadow-float: 0 24px 56px -16px rgba(20, 16, 8, .32);--font: Inter, system-ui, sans-serif;--font-display: "Figtree", Inter, system-ui, sans-serif;--ink-bg: #0a0a0a;--ink-surface: #161513;--ink-surface-raised: #1d1c19;--ink-border: #2d2c28;--ink-text: #f5f4ef;--ink-text-muted: #9c9a90;--gradient-ambient: radial-gradient(ellipse 55% 60% at 20% 10%, rgba(224, 122, 53, .4), transparent 60%), radial-gradient(ellipse 50% 50% at 55% -5%, rgba(230, 178, 74, .32), transparent 55%), radial-gradient(ellipse 45% 45% at 85% 5%, rgba(122, 163, 84, .26), transparent 55%);--gradient-card: linear-gradient(135deg, #3b4a52 0%, #8a6a3f 55%, #c98a3f 100%);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .7);--glass-blur: blur(22px) saturate(180%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--accent)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;cursor:pointer;transition:opacity .1s ease,transform .1s ease;white-space:nowrap}.btn-pill{border-radius:var(--radius-pill)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.88}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-secondary{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text);border-color:var(--glass-border);box-shadow:var(--shadow-card),inset 0 1px #ffffff80}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface);opacity:1}.btn-danger{background:transparent;color:var(--danger);border-color:var(--border)}.btn-sm{padding:5px 10px;font-size:13px}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:13px;color:var(--text-muted)}.field-required{color:var(--danger)}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;width:100%}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.textarea{resize:vertical;min-height:72px}.checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-padded{padding:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border);text-transform:capitalize}.badge-success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);border-color:transparent}.badge-danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger);border-color:transparent}.badge-accent{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border-color:transparent}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:500;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border)}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--surface)}.table td.cell-currency,.table th.col-currency{text-align:right}.table tfoot td{padding:var(--space-3);font-weight:600;border-top:1px solid var(--border);border-bottom:none}.cell-with-avatar{display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4);z-index:100}.modal{background:#ffffffc7;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-float),inset 0 1px #ffffff80;width:100%;max-width:560px;max-height:80vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:600;margin:0}.modal-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-5);background:var(--bg);position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--text);font-size:17px}.topbar-user{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 6px 4px 4px;border-radius:var(--radius-pill);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-card),inset 0 1px #ffffff80;font-size:13px;color:var(--text)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-3);max-width:760px}.app-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);text-align:center;transition:background .12s ease,transform .1s ease}.app-tile:hover{background:var(--glass-bg);border-color:var(--glass-border);transform:translateY(-1px)}.app-tile-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-card)}.app-tile-label{font-size:12px;font-weight:500}.kanban-board{display:flex;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-4);align-items:flex-start}.kanban-column{flex:0 0 272px;display:flex;flex-direction:column;gap:var(--space-3)}.kanban-column-header{padding:0 var(--space-1)}.kanban-column-title-row{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.kanban-column-count{font-weight:400;color:var(--text-muted)}.kanban-column-sum{font-size:12px;color:var(--text-muted);font-weight:400}.kanban-stage-bar{height:3px;border-radius:999px;background:var(--border);overflow:hidden}.kanban-stage-bar>span{display:block;height:100%;border-radius:999px}.kanban-dropzone{display:flex;flex-direction:column;gap:var(--space-2);min-height:40px;border-radius:var(--radius-sm);padding:var(--space-1);transition:background .1s ease}.kanban-dropzone.drag-over{background:var(--surface);outline:1px dashed var(--accent)}.kanban-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card),inset 0 1px #ffffff80;padding:var(--space-3) var(--space-3) var(--space-2);cursor:grab;display:flex;flex-direction:column;gap:var(--space-2);transition:transform .12s ease,box-shadow .12s ease}.kanban-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-float),inset 0 1px #ffffff80}.kanban-card:active{cursor:grabbing}.kanban-card-title{font-weight:500;color:var(--text)}.kanban-card-sub{font-size:12px;color:var(--text-muted)}.kanban-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1)}.kanban-card-meta{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.kanban-card-meta-item{display:inline-flex;align-items:center;gap:3px;font-size:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,var(--surface-raised));color:var(--accent);font-weight:600;flex:none;line-height:1}.priority-flag{display:inline-flex;align-items:center;gap:5px;font-size:12px;text-transform:capitalize}.priority-dot{width:7px;height:7px;border-radius:999px;flex:none}.priority-low .priority-dot{background:var(--text-muted)}.priority-low{color:var(--text-muted)}.priority-medium .priority-dot{background:var(--accent)}.priority-medium{color:var(--text-muted)}.priority-high .priority-dot{background:var(--danger)}.priority-high{color:var(--text-muted)}.priority-urgent .priority-dot{background:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 25%,transparent)}.priority-urgent{color:var(--danger);font-weight:600}.page{padding:var(--space-5);max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.page-title{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0}.empty-state{padding:var(--space-6);text-align:center;color:var(--text-muted)}.form-grid{display:flex;flex-direction:column;gap:var(--space-4)}.spinner{color:var(--text-muted);font-size:13px}.pos-screen{display:grid;grid-template-columns:420px 1fr;height:calc(100vh - 56px)}.pos-cart-pane{display:flex;flex-direction:column;border-right:1px solid var(--border);padding:var(--space-4);gap:var(--space-3);min-height:0}.pos-cart-header{display:flex;align-items:center;justify-content:space-between}.pos-cart-title{font-weight:700;font-size:16px}.pos-lines{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);min-height:120px}.pos-line{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer}.pos-line:hover{background:var(--surface)}.pos-line.selected{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent)}.pos-line-main{display:flex;justify-content:space-between;font-weight:500}.pos-line-sub{font-size:12px;color:var(--text-muted)}.pos-totals{border-top:1px solid var(--border);padding-top:var(--space-3);display:flex;flex-direction:column;gap:6px}.pos-totals-row{display:flex;justify-content:space-between;color:var(--text-muted);font-size:13px}.pos-total-main{color:var(--text);font-weight:700;font-size:22px}.pos-pay-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-2)}.pos-pay-row .btn{padding-top:14px;padding-bottom:14px;font-size:15px}.pos-entry-pane{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.pos-numpad-wrap{max-width:320px;display:flex;flex-direction:column;gap:var(--space-3)}.pos-mode-toggle{display:flex;gap:var(--space-2)}.pos-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pos-numpad-key{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:18px;padding:var(--space-4) 0;cursor:pointer}.pos-numpad-key:hover:not(:disabled){border-color:var(--accent)}.pos-numpad-key:disabled{opacity:.4;cursor:not-allowed}.pos-numpad-backspace{grid-column:span 3}.pos-add-card{max-width:420px}.pos-scan-notice{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;max-width:420px}.pos-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);overflow:hidden;z-index:5}.pos-search-row{display:flex;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:13px}.pos-search-row:hover{background:var(--surface)}.ref-picker{position:relative}.ref-picker-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffffd9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);overflow:hidden;max-height:220px;overflow-y:auto;z-index:5}.ref-picker-row{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:13px}.ref-picker-row:hover{background:var(--surface)}.ref-picker-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:13px}.ref-picker-clear{margin-top:var(--space-1);background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;text-align:left}.ref-picker-clear:hover{color:var(--text)}.smart-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.smart-button{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card),inset 0 1px #ffffff80;cursor:pointer;color:var(--text);transition:transform .1s ease}.smart-button:hover{transform:translateY(-1px)}.smart-button-count{font-family:var(--font-display);font-weight:700;font-size:16px}.smart-button-label{font-size:11px;color:var(--text-muted)}.invoice-lines{display:flex;flex-direction:column;gap:var(--space-2)}.invoice-line-row{display:flex;gap:var(--space-2)}.invoice-line-row .input:first-child{flex:1}.invoice-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:16px;padding-top:var(--space-3);border-top:1px solid var(--border)}.error-banner{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:13px}.dashboard-layout{position:relative;display:grid;grid-template-columns:220px 1fr;gap:var(--space-4);align-items:stretch;isolation:isolate}@media (max-width: 860px){.dashboard-layout{grid-template-columns:1fr}}.dashboard-layout:before{content:"";position:absolute;top:-20%;right:-8%;bottom:-20%;left:-8%;background:var(--gradient-ambient);filter:blur(40px);opacity:.7;z-index:-1;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.dashboard-section-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 var(--space-3)}.dashboard-hero{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card),inset 0 1px #ffffff80;padding:var(--space-3) var(--space-4);overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.gauge-wrap{display:flex;flex-direction:column;gap:1px}.gauge-trend{font-size:11px;color:var(--text-muted)}.gauge-value{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.gauge-sub{font-size:12px;color:var(--text-muted)}.gauge-arc{align-self:center}.stat-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-height:92px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card),inset 0 1px #ffffff80;padding:var(--space-3);color:var(--text);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float),inset 0 1px #ffffff80}.stat-card-featured{background:linear-gradient(135deg,#3b4a52d1,#8a6a3fd1 55%,#c98a3fd9);border-color:#ffffff40;color:#fff}.stat-card-head{display:flex;align-items:flex-start;justify-content:space-between}.stat-icon-chip{width:24px;height:24px;border-radius:var(--radius-pill);background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex:none}.stat-card-featured .stat-icon-chip{background:#ffffff26;border-color:#fff6;color:#ffffffe6}.stat-arrow-btn{width:22px;height:22px;border-radius:var(--radius-pill);background:radial-gradient(circle at 32% 28%,#333,#0a0a0a 75%);box-shadow:inset 0 1px 1px #ffffff4d,0 2px 6px #0a0a084d;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.stat-card-featured .stat-arrow-btn{background:radial-gradient(circle at 32% 28%,#fff,#ffffffd9 75%);box-shadow:inset 0 1px 1px #fff9,0 2px 6px #0a0a0833;color:#16160f}.stat-card-body{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:var(--text-muted)}.stat-card-featured .stat-label{color:#fffc}.stat-value{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em}.stat-card-foot{display:flex;align-items:center;gap:var(--space-2);min-height:14px;font-size:11px}.stat-dots{display:flex;gap:4px;align-items:center}.stat-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--border);flex:none}.stat-dot.filled{background:var(--text);width:9px;height:9px}.stat-card-featured .stat-dot{background:#ffffff59}.stat-card-featured .stat-dot.filled{background:#fff}.stat-sparkline{color:var(--text-muted);overflow:visible}.band-ink{--surface: var(--ink-surface);--surface-raised: var(--ink-surface-raised);--border: var(--ink-border);--text: var(--ink-text);--text-muted: var(--ink-text-muted);background:var(--ink-bg);color:var(--ink-text);border-radius:var(--radius);padding:var(--space-5)}.btn-pill-outline{border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted)}.btn-pill-outline.active{border-color:var(--text);color:var(--text)}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:13px}.activity-row:last-child{border-bottom:none}.activity-row-main{display:flex;align-items:center;gap:var(--space-3)}.activity-row-icon{width:30px;height:30px;border-radius:var(--radius-pill);background:var(--surface-raised);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex:none}.activity-row-time{color:var(--text-muted);font-size:12px;white-space:nowrap}