@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #f5f1eb;--c-paper: #fdfcf9;--c-paper-2: #f9f6f1;--c-border: #ddd8cf;--c-border-light: #e8e4dd;--c-text: #2a2420;--c-text-muted: #7a6f66;--c-text-faint: #a89f96;--c-accent: #3b5c8c;--c-accent-hover: #2d4a78;--c-accent-subtle: #eaf0f8;--c-accent-text: #ffffff;--c-danger: #8c3b3b;--c-danger-hover: #7a2e2e;--c-danger-subtle: #f8eaea;--c-success: #3b6e4a;--c-warning: #7a5a1e;--c-sidebar: #2a2420;--c-sidebar-hover: #3d3530;--c-sidebar-active: #4a403a;--c-sidebar-text: #9a8f86;--c-sidebar-text-active: #f5f1eb;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(60,40,20,.07);--shadow: 0 2px 6px rgba(60,40,20,.09);--shadow-lg: 0 8px 24px rgba(60,40,20,.13);--shadow-card: 0 1px 2px rgba(60,40,20,.06), 0 2px 8px rgba(60,40,20,.06);--transition: .12s ease;--font-size-base: 14px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html.dark{--c-bg: #1a1714;--c-paper: #211e1a;--c-paper-2: #1d1a17;--c-border: #3a3530;--c-border-light: #302c28;--c-text: #e8e2d8;--c-text-muted: #9a9088;--c-text-faint: #6a6058;--c-accent: #7da5d4;--c-accent-hover: #91b5de;--c-accent-subtle: #1e2a38;--c-accent-text: #0f1820;--c-danger: #c47a7a;--c-danger-hover: #d08888;--c-danger-subtle: #2a1a1a;--c-success: #7ab88a;--c-warning: #c4a055;--c-sidebar: #100e0c;--c-sidebar-hover: #1a1714;--c-sidebar-active: #252019;--c-sidebar-text: #6a6058;--c-sidebar-text-active: #e8e2d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html,body{height:100%}body{font-family:var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:var(--c-bg);color:var(--c-text);line-height:1.55;font-size:var(--font-size-base, 14px)}#root{height:100%;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}input,select,textarea,button{font-family:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:56px;min-width:56px;max-width:56px;background:var(--c-sidebar);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(0,0,0,.18)}.sidebar-logo{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.sidebar-nav{flex:1;padding:8px;display:grid;grid-template-columns:1fr;gap:4px;align-content:start;overflow-y:auto;overflow-x:hidden}.nav-tile{width:100%;max-width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--c-sidebar-text);text-decoration:none;background:none;border:none;cursor:pointer;transition:background .13s ease,color .13s ease;box-sizing:border-box;padding:0}.nav-tile:hover{background:var(--c-sidebar-hover);color:var(--c-sidebar-text-active)}.nav-tile.active{background:var(--c-sidebar-active);color:var(--c-sidebar-text-active)}.nav-tile--admin{color:var(--c-accent)}.nav-tile--admin:hover{color:var(--c-accent);background:var(--c-sidebar-hover)}.nav-tile--admin.active{color:var(--c-accent);background:var(--c-sidebar-active)}.nav-tile--util{color:var(--c-sidebar-text)}.nav-tile--util:hover{background:var(--c-sidebar-hover);color:var(--c-sidebar-text-active)}.nav-tile--notif{color:#a78bfa}.nav-tile-badge{position:absolute;top:3px;right:3px;background:#e03c3c;color:#fff;border-radius:20px;font-size:9px;font-weight:800;padding:1px 4px;line-height:1.5;min-width:14px;text-align:center;pointer-events:none}.sidebar-bottom{flex-shrink:0;padding:6px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:4px}.nav-tile--logout:hover{background:#dc323226;color:#e07070}.sidebar-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.notif-flyout{position:fixed;left:60px;bottom:56px;width:280px;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:999;overflow:hidden}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.main-header{background:var(--c-paper);border-bottom:1px solid var(--c-border);padding:16px 68px 16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.main-title{font-size:18px;font-weight:700;color:var(--c-text);letter-spacing:-.01em}.main-subtitle{font-size:12px;color:var(--c-text-muted);margin-top:1px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-content{padding:24px 28px;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-accent);color:var(--c-accent-text);border-color:var(--c-accent)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-secondary{background:var(--c-paper);color:var(--c-text);border-color:var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-paper-2)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn-ghost{background:transparent;color:var(--c-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--c-paper-2);color:var(--c-text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:5px 7px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:12.5px;font-weight:600;color:var(--c-text-muted);letter-spacing:.02em}.form-label.required:after{content:" *";color:var(--c-danger)}.input,.select,.textarea{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:7px 11px;font-size:13.5px;color:var(--c-text);outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--c-text-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-accent) 12%,transparent)}.textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-hint{font-size:11.5px;color:var(--c-text-muted)}.card{background:var(--c-paper);border:2px solid var(--c-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--c-border-light)}.card-title{font-size:14px;font-weight:700;color:var(--c-text);letter-spacing:.01em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card)}.stat-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;color:var(--c-text);line-height:1}.stat-sub{font-size:11.5px;color:var(--c-text-muted);margin-top:5px}.stat-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.table-wrapper{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}table{width:100%;border-collapse:collapse}thead{background:var(--c-paper-2);border-bottom:1px solid var(--c-border)}th{padding:9px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);white-space:nowrap}td{padding:11px 16px;font-size:13.5px;border-bottom:1px solid var(--c-border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr.clickable:hover{background:var(--c-paper-2);cursor:pointer}.td-muted{color:var(--c-text-muted);font-size:12.5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:2px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border:1.5px solid currentColor}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:320px}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--c-text-faint);font-size:12px;pointer-events:none}.search-input{padding-left:30px!important}.filter-tabs{display:flex;gap:2px;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px;flex-wrap:wrap}.filter-tab{padding:4px 10px;border-radius:3px;font-size:11.5px;font-weight:500;color:var(--c-text-muted);cursor:pointer;border:none;background:none;transition:all var(--transition);white-space:nowrap}.filter-tab.active{background:var(--c-accent);color:var(--c-accent-text)}.filter-tab:hover:not(.active){background:var(--c-paper-2);color:var(--c-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f0a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-lg{max-width:580px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15px;font-weight:700}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.close-btn{background:none;border:none;font-size:20px;color:var(--c-text-muted);cursor:pointer;padding:1px 6px;border-radius:3px}.close-btn:hover{background:var(--c-paper-2);color:var(--c-text)}.alert{padding:9px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;border-left:3px solid currentColor}.alert-error{background:var(--c-danger-subtle);color:var(--c-danger)}.alert-success{background:color-mix(in srgb,var(--c-success) 10%,transparent);color:var(--c-success)}.alert-warn{background:color-mix(in srgb,var(--c-warning) 10%,transparent);color:var(--c-warning)}.empty-state{text-align:center;padding:52px 24px;color:var(--c-text-muted)}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.empty-title{font-size:14px;font-weight:600;color:var(--c-text);margin-bottom:5px}.empty-sub{font-size:13px}.loading-screen{display:flex;align-items:center;justify-content:center;height:200px;color:var(--c-text-muted);gap:8px}.spinner{width:16px;height:16px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticket-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.detail-row{margin-bottom:16px}.detail-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:3px}.detail-value{font-size:14px;color:var(--c-text)}.ticket-num{font-family:Courier New,monospace;font-size:12.5px;font-weight:700;color:var(--c-accent);letter-spacing:.03em}.kanban-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;align-items:start;padding-bottom:24px}.kanban-col{background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius);min-height:120px;display:flex;flex-direction:column}.kanban-col.drag-over{outline:2px dashed var(--c-accent);outline-offset:-2px;background:var(--c-accent-subtle)}.kanban-col-header{padding:10px 12px 8px;border-bottom:1px solid var(--c-border-light);display:flex;align-items:center;justify-content:space-between}.kanban-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kanban-col-count{font-size:10px;font-weight:700;background:var(--c-border);color:var(--c-text-muted);border-radius:10px;padding:1px 7px}.kanban-cards{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}.kanban-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 11px;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm);touch-action:none;-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kanban-card.dragging{opacity:.35}.kanban-card-num{font-family:Courier New,monospace;font-size:10.5px;color:var(--c-accent);font-weight:700;margin-bottom:3px}.kanban-card-device{font-size:13px;font-weight:600;color:var(--c-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-customer{font-size:11.5px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-empty{font-size:11.5px;color:var(--c-text-faint);text-align:center;padding:16px 8px;font-style:italic}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.staff-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.staff-card-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.staff-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.staff-name{font-size:14px;font-weight:600}.staff-username{font-size:12px;color:var(--c-text-muted)}.role-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid currentColor}.role-admin{color:var(--c-accent)}.role-tech{color:var(--c-success)}.inactive-pill{font-size:10.5px;color:var(--c-text-faint)}.backup-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--c-border-light)}.backup-item:last-child{border-bottom:none}.backup-icon{font-size:20px;flex-shrink:0;opacity:.7}.backup-info{flex:1;min-width:0}.backup-name{font-size:12.5px;font-weight:500;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-meta{font-size:11.5px;color:var(--c-text-muted);margin-top:2px}.backup-actions{display:flex;gap:6px;flex-shrink:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:24px}.login-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.login-head{text-align:center;margin-bottom:28px}.login-logo-icon{width:52px;height:52px;background:var(--c-accent);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.login-title{font-size:20px;font-weight:800;letter-spacing:-.01em}.login-sub{font-size:13px;color:var(--c-text-muted);margin-top:4px}.app-footer{background:var(--c-paper);border-top:1px solid var(--c-border);padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.app-footer-legal{font-size:11px;color:var(--c-text-faint);line-height:1.5;max-width:520px}.app-footer-credit{font-size:11px;color:var(--c-text-faint);text-align:right}.app-footer-credit a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.dup-warning{background:color-mix(in srgb,var(--c-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-warning) 40%,transparent);border-radius:var(--radius-sm);padding:10px 13px;margin-top:8px;font-size:12.5px;color:var(--c-warning)}.dup-match{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--c-warning) 20%,transparent)}.dup-match:last-child{border-bottom:none;padding-bottom:0}.divider{border:none;border-top:1px solid var(--c-border);margin:14px 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--c-text-muted)}.text-sm{font-size:12.5px}.text-danger{color:var(--c-danger)}.font-mono{font-family:Courier New,monospace}.font-bold{font-weight:700}.w-full{width:100%}@media (max-width: 900px){.ticket-detail-layout,.form-row{grid-template-columns:1fr}}@media (max-width: 700px){.nav-tile{width:36px;height:36px}.app-footer{flex-direction:column;align-items:flex-start;gap:4px}.app-footer-credit{text-align:left}}html[data-scheme=forest]{--c-bg: #f0f5f1;--c-paper: #f9fdf9;--c-paper-2: #f3f8f4;--c-border: #c8d8cc;--c-border-light: #daeadd;--c-text: #1a2e1f;--c-text-muted: #5a7a62;--c-text-faint: #8aaa90;--c-accent: #2d6a4f;--c-accent-hover: #1e5237;--c-accent-subtle: #e8f5ee;--c-accent-text: #ffffff;--c-sidebar: #1a2e1f;--c-sidebar-hover: #243828;--c-sidebar-active: #2e4232;--c-sidebar-text: #8aaa90;--c-sidebar-text-active: #f0f5f1;--shadow-sm: 0 1px 3px rgba(20,50,30,.07);--shadow: 0 2px 6px rgba(20,50,30,.09);--shadow-lg: 0 8px 24px rgba(20,50,30,.13);--shadow-card: 0 1px 2px rgba(20,50,30,.06), 0 2px 8px rgba(20,50,30,.06)}html[data-scheme=forest].dark{--c-bg: #121a14;--c-paper: #18221a;--c-paper-2: #151e17;--c-border: #2a3c2e;--c-border-light: #223228;--c-text: #d4e8d8;--c-text-muted: #7aaa82;--c-text-faint: #4a7052;--c-accent: #6dbb8a;--c-accent-hover: #82cc9e;--c-accent-subtle: #0a2016;--c-accent-text: #071510;--c-sidebar: #0a1209;--c-sidebar-hover: #121a14;--c-sidebar-active: #192418;--c-sidebar-text: #4a7052;--c-sidebar-text-active: #d4e8d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=amber]{--c-bg: #fdf6e8;--c-paper: #fffcf4;--c-paper-2: #faf6ee;--c-border: #e8d8b0;--c-border-light: #f0e8cc;--c-text: #2a1e08;--c-text-muted: #7a6030;--c-text-faint: #a89060;--c-accent: #92400e;--c-accent-hover: #78350f;--c-accent-subtle: #fef3c7;--c-accent-text: #ffffff;--c-sidebar: #2a1e08;--c-sidebar-hover: #3a2c0e;--c-sidebar-active: #463614;--c-sidebar-text: #a89060;--c-sidebar-text-active: #fdf6e8;--shadow-sm: 0 1px 3px rgba(60,30,10,.07);--shadow: 0 2px 6px rgba(60,30,10,.09);--shadow-lg: 0 8px 24px rgba(60,30,10,.13);--shadow-card: 0 1px 2px rgba(60,30,10,.06), 0 2px 8px rgba(60,30,10,.06)}html[data-scheme=amber].dark{--c-bg: #1c1508;--c-paper: #24190a;--c-paper-2: #20160a;--c-border: #3c2a10;--c-border-light: #302214;--c-text: #f0dfc0;--c-text-muted: #c0a060;--c-text-faint: #8a7040;--c-accent: #fbbf24;--c-accent-hover: #f59e0b;--c-accent-subtle: #271c00;--c-accent-text: #1c1000;--c-sidebar: #120e04;--c-sidebar-hover: #1c1508;--c-sidebar-active: #241c08;--c-sidebar-text: #8a7040;--c-sidebar-text-active: #f0dfc0;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=burgundy]{--c-bg: #fdf0f3;--c-paper: #fff8fa;--c-paper-2: #faf3f5;--c-border: #e8c4cc;--c-border-light: #f0d4da;--c-text: #2a1018;--c-text-muted: #8a5060;--c-text-faint: #b08090;--c-accent: #7a1f2e;--c-accent-hover: #651826;--c-accent-subtle: #fce8ec;--c-accent-text: #ffffff;--c-sidebar: #2a1018;--c-sidebar-hover: #3a1820;--c-sidebar-active: #441c26;--c-sidebar-text: #b08090;--c-sidebar-text-active: #fdf0f3;--shadow-sm: 0 1px 3px rgba(60,10,20,.07);--shadow: 0 2px 6px rgba(60,10,20,.09);--shadow-lg: 0 8px 24px rgba(60,10,20,.13);--shadow-card: 0 1px 2px rgba(60,10,20,.06), 0 2px 8px rgba(60,10,20,.06)}html[data-scheme=burgundy].dark{--c-bg: #180a0e;--c-paper: #220e14;--c-paper-2: #1e0c11;--c-border: #3c1820;--c-border-light: #301420;--c-text: #e8d4d8;--c-text-muted: #c07080;--c-text-faint: #8a5060;--c-accent: #e07a8a;--c-accent-hover: #ec93a1;--c-accent-subtle: #250810;--c-accent-text: #180508;--c-sidebar: #0f0508;--c-sidebar-hover: #180a0e;--c-sidebar-active: #220e14;--c-sidebar-text: #8a5060;--c-sidebar-text-active: #e8d4d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=graphite]{--c-bg: #f4f5f6;--c-paper: #fafafa;--c-paper-2: #f0f1f2;--c-border: #d0d5db;--c-border-light: #dde0e4;--c-text: #1a1e24;--c-text-muted: #5a6270;--c-text-faint: #8a9098;--c-accent: #374151;--c-accent-hover: #1f2937;--c-accent-subtle: #f3f4f6;--c-accent-text: #ffffff;--c-sidebar: #1a1e24;--c-sidebar-hover: #252a32;--c-sidebar-active: #2e343e;--c-sidebar-text: #8a9098;--c-sidebar-text-active: #f4f5f6;--shadow-sm: 0 1px 3px rgba(20,25,35,.07);--shadow: 0 2px 6px rgba(20,25,35,.09);--shadow-lg: 0 8px 24px rgba(20,25,35,.13);--shadow-card: 0 1px 2px rgba(20,25,35,.06), 0 2px 8px rgba(20,25,35,.06)}html[data-scheme=graphite].dark{--c-bg: #16181c;--c-paper: #1e2128;--c-paper-2: #1a1d22;--c-border: #2e323a;--c-border-light: #262b32;--c-text: #d8dce0;--c-text-muted: #8a9098;--c-text-faint: #5a6270;--c-accent: #9ca3af;--c-accent-hover: #d1d5db;--c-accent-subtle: #18202e;--c-accent-text: #111827;--c-sidebar: #0e1014;--c-sidebar-hover: #16181c;--c-sidebar-active: #1e2128;--c-sidebar-text: #5a6270;--c-sidebar-text-active: #d8dce0;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}.payment-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border-light);font-size:13px}.payment-row:last-child{border-bottom:none}.payment-method{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:2px;border:1.5px solid currentColor}.payment-method-cash{color:#2a6e3a}.payment-method-card{color:#3b5c8c}.payment-method-other{color:#7a6a60}.payment-amount{font-weight:700;margin-left:auto}.payment-balance{display:flex;justify-content:space-between;align-items:center;padding:10px 0 2px;font-size:13px}.payment-balance-label{color:var(--c-text-muted)}.payment-balance-value{font-weight:700}.payment-balance-value.paid{color:var(--c-success)}.payment-balance-value.partial{color:var(--c-warning)}.payment-balance-value.unpaid{color:var(--c-text-muted)}.sig-pad-wrap{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;position:relative;overflow:hidden}.sig-pad-wrap canvas{display:block;touch-action:none;cursor:crosshair;width:100%;height:160px}.sig-pad-actions{display:flex;justify-content:flex-end;padding:6px 8px;border-top:1px solid var(--c-border-light);background:var(--c-paper-2);gap:6px}.sig-signed-preview{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;max-width:100%;background:#fff}.sig-signed-preview img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.waiver-text{font-size:12.5px;color:var(--c-text-muted);line-height:1.65;white-space:pre-wrap;max-height:180px;overflow-y:auto;padding:10px 12px;background:var(--c-paper-2);border:1px solid var(--c-border-light);border-radius:var(--radius-sm);margin-bottom:14px}.scheme-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.scheme-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s,border-color .15s;position:relative}.scheme-swatch:hover{transform:scale(1.12)}.scheme-swatch.active{border-color:var(--c-text)}.scheme-swatch[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--c-text);color:var(--c-bg);font-size:11px;padding:2px 7px;border-radius:4px;white-space:nowrap;pointer-events:none}.catalog-panel{background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:14px;overflow:hidden}.catalog-toolbar{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--c-border-light);flex-wrap:wrap}.catalog-list{max-height:220px;overflow-y:auto}.catalog-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--c-border-light);cursor:pointer;transition:background var(--transition);font-size:13px}.catalog-item:last-child{border-bottom:none}.catalog-item:hover{background:var(--c-accent-subtle)}.catalog-item-name{flex:1;font-weight:500}.catalog-item-meta{font-size:11.5px;color:var(--c-text-muted)}.catalog-item-price{font-weight:700;font-family:Courier New,monospace;white-space:nowrap}.catalog-cat-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:2px;border:1px solid currentColor;white-space:nowrap;flex-shrink:0}.cat-labor{color:#3b5c8c}.cat-parts{color:#2d6a4f}.cat-fee{color:#7a1f2e}.cat-other{color:#7a6a60}.line-items-list{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:12px}.line-item-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--c-border-light);font-size:13px}.line-item-row:last-child{border-bottom:none}.line-item-name{flex:1;min-width:0}.line-item-name-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-item-name-sub{font-size:11.5px;color:var(--c-text-muted)}.line-item-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}.qty-btn{width:24px;height:24px;border:1px solid var(--c-border);border-radius:3px;background:var(--c-paper);color:var(--c-text);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition);padding:0}.qty-btn:hover{background:var(--c-paper-2)}.qty-value{width:28px;text-align:center;font-weight:600;font-size:13px}.line-item-subtotal{font-weight:700;font-family:Courier New,monospace;width:68px;text-align:right;flex-shrink:0}.line-items-total{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--c-paper-2);border-top:2px solid var(--c-border);font-size:13.5px;font-weight:700}.pay-mode-tabs{display:flex;gap:3px;margin-bottom:12px;background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px}.pay-mode-tab{flex:1;padding:5px 10px;border-radius:3px;font-size:12px;font-weight:500;text-align:center;cursor:pointer;border:none;background:none;color:var(--c-text-muted);transition:all var(--transition)}.pay-mode-tab.active{background:var(--c-accent);color:var(--c-accent-text)}.pay-mode-tab:hover:not(.active){background:var(--c-paper);color:var(--c-text)}.pay-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.pay-method-btn{padding:13px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter var(--transition),transform .1s;letter-spacing:.02em}.pay-method-btn:hover{filter:brightness(1.1)}.pay-method-btn:active{transform:scale(.97)}.pay-method-btn.selected{outline:3px solid var(--c-text);outline-offset:2px}.pay-method-cash{background:#16a34a;color:#fff}.pay-method-card{background:#0891b2;color:#fff}.pay-method-other{background:#ea580c;color:#fff}.financial-summary{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.financial-row{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;border-bottom:1px solid var(--c-border-light);font-size:13px}.financial-row:last-child{border-bottom:none}.financial-row.total{font-weight:700;font-size:14px;background:var(--c-paper-2)}.financial-row.balance-due{color:var(--c-danger);font-weight:700}.financial-row.paid-full{color:var(--c-success);font-weight:700}.financial-label{color:var(--c-text-muted)}.financial-row.total .financial-label,.financial-row.balance-due .financial-label,.financial-row.paid-full .financial-label{color:inherit}.financial-value{font-family:Courier New,monospace;font-weight:600}.financial-row.total .financial-value{font-size:15px}.discount-row{display:flex;align-items:center;gap:8px}.discount-input{width:90px;text-align:right;font-family:Courier New,monospace}.line-items-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.custom-item-form{padding:12px;background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:12px}.photo-scroll-row{display:flex;gap:10px;overflow-x:auto;padding:8px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.photo-scroll-row::-webkit-scrollbar{height:5px}.photo-scroll-row::-webkit-scrollbar-track{background:transparent}.photo-scroll-row::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.photo-scroll-thumb{position:relative;flex-shrink:0;width:160px;height:120px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--c-border);background:var(--c-paper-2);cursor:pointer;scroll-snap-align:start}.photo-scroll-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--transition)}.photo-scroll-thumb:hover img{opacity:.85}.photo-thumb-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity var(--transition)}.photo-scroll-thumb:hover .photo-thumb-del{opacity:1}.photo-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px dashed var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);cursor:pointer;font-size:13px;transition:all var(--transition);background:none;width:100%;justify-content:center;margin-top:8px}.photo-upload-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-subtle)}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.photo-lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius);box-shadow:0 8px 40px #0009;-webkit-user-select:none;user-select:none}.photo-lightbox-close{position:absolute;top:16px;right:20px;color:#fff;font-size:32px;cursor:pointer;background:none;border:none;line-height:1;opacity:.8}.photo-lightbox-close:hover{opacity:1}.photo-lightbox-prev,.photo-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:48px;cursor:pointer;background:none;border:none;line-height:1;opacity:.7;padding:0 16px;-webkit-user-select:none;user-select:none}.photo-lightbox-prev{left:8px}.photo-lightbox-next{right:8px}.photo-lightbox-prev:hover,.photo-lightbox-next:hover{opacity:1}.photo-lightbox-caption{position:absolute;bottom:48px;left:50%;transform:translate(-50%);color:#fff;font-size:13px;background:#0000008c;padding:4px 14px;border-radius:20px;max-width:80%;text-align:center}.photo-lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff9;font-size:12px}.inv-qty-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:10px;font-size:11.5px;font-weight:700}.inv-qty-ok{background:color-mix(in srgb,var(--c-success) 12%,transparent);color:var(--c-success)}.inv-qty-low{background:color-mix(in srgb,var(--c-warning) 14%,transparent);color:var(--c-warning)}.inv-qty-critical{background:var(--c-danger-subtle);color:var(--c-danger)}.inv-qty-zero{background:var(--c-paper-2);color:var(--c-text-faint);border:1px solid var(--c-border)}.low-stock-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:20px;background:color-mix(in srgb,var(--c-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-warning) 40%,transparent);border-radius:var(--radius-sm);font-size:13px;color:var(--c-warning)}.low-stock-banner a{color:var(--c-warning);text-decoration:underline;text-underline-offset:2px;font-weight:600}.inv-adj-row{display:flex;align-items:center;gap:6px}.inv-adj-btn{width:28px;height:28px;border:1px solid var(--c-border);border-radius:3px;background:var(--c-paper);color:var(--c-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition);flex-shrink:0;padding:0}.inv-adj-btn:hover{background:var(--c-paper-2)}.inv-qty-num{min-width:36px;text-align:center;font-weight:700;font-family:Courier New,monospace}.mention-token:hover .mention-tooltip{opacity:1!important}.toast{position:fixed;bottom:24px;right:24px;z-index:1000;min-width:260px;max-width:360px;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;animation:slideUp .2s ease;cursor:default}.toast-info{background:var(--c-accent);color:#fff;border:1px solid var(--c-accent-hover)}.toast-warning{background:#3a2d10;color:#f4c06a;border:1px solid #7a5a1e}.toast-success{background:var(--c-success);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.col-dragging{opacity:.45}.col-drop-target{outline:2px dashed var(--c-accent);outline-offset:-2px}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}@media (max-width: 860px){.settings-two-col{grid-template-columns:1fr!important}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--c-paper)!important;border-color:var(--c-border)!important;color:var(--c-text)!important;font-size:12px}.recharts-legend-item-text{color:var(--c-text)!important;font-size:12px}.recharts-cartesian-axis-tick-value{fill:var(--c-text-muted)}