:root{--brand-primary: #6d5df6;--brand-secondary: #0f172a;--brand-primary-soft: color-mix(in srgb, var(--brand-primary) 12%, white);--brand-primary-shadow: color-mix(in srgb, var(--brand-primary) 24%, transparent);--brand-primary-hover: color-mix(in srgb, var(--brand-primary) 82%, white);--brand-secondary-panel: color-mix(in srgb, var(--brand-secondary) 88%, white);--brand-secondary-border: color-mix(in srgb, var(--brand-secondary) 70%, white);--brand-sidebar-text: color-mix(in srgb, var(--brand-secondary) 18%, white);color:#111827;background:#f8fafc;font-family:Inter,Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f8fafc}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{width:100%;min-height:44px;border:1px solid #e5e7eb;border-radius:14px;padding:0 13px;background:#fff;color:#111827;outline:none;transition:border-color .18s ease,box-shadow .18s ease}textarea{min-height:90px;padding:12px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 16%,transparent)}.btn{min-height:44px;border:0;border-radius:14px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 14px 30px var(--brand-primary-shadow)}.btn-ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.btn-danger{background:#fee2e2;color:#dc2626;box-shadow:none}.btn-sidebar{width:100%;flex-shrink:0;background:transparent;color:var(--brand-sidebar-text);justify-content:flex-start}a.btn{text-decoration:none}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f8fafc,#eef2ff 48%,#ecfdf5)}.login{width:min(430px,100%);display:grid;gap:18px;padding:30px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 26px 80px #0f172a1a}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}.login-brand span,.brand span{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--brand-primary),#10b981)}.login h1,.login p{margin:0}.login p,.workspace-header span,.panel-header p,.metric small,.field span,.resource-card span,.product-row small,.product-row span,.empty-state span{color:#6b7280}.field{display:grid;gap:7px;font-weight:800}.field span{font-size:.86rem}.error,.notice{margin:0;padding:13px 16px;border-radius:16px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-weight:800}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:22px;background:var(--brand-secondary);color:#fff}.brand{flex-shrink:0;display:flex;align-items:center;gap:12px;font-size:1.1rem}.restaurant-select{flex-shrink:0;padding:12px 13px;border:1px solid var(--brand-secondary-border);border-radius:14px;background:var(--brand-secondary-panel);color:#e5e7eb;font-weight:700}.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;gap:8px;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--brand-secondary-panel)}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:var(--brand-secondary-panel);border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-primary-hover),var(--brand-primary));border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 70%,white),var(--brand-primary-hover))}.sidebar nav button{min-height:46px;border:0;border-radius:14px;padding:0 13px;display:flex;align-items:center;gap:10px;background:transparent;color:var(--brand-sidebar-text);text-align:left;font-weight:800}.sidebar nav button.active{background:var(--brand-primary);color:#fff;box-shadow:0 14px 34px var(--brand-primary-shadow)}.workspace{min-width:0;padding:28px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.workspace-header h1{margin:5px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.icon-button{width:42px;height:42px;border:1px solid #e5e7eb;border-radius:14px;display:inline-grid;place-items:center;background:#fff;color:#111827}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button.danger{color:#dc2626;background:#fff5f5;border-color:#fecaca}.user-chip{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-weight:800}.loading-state{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#6b7280;font-weight:800}.loading-state span{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:var(--brand-primary);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 18px 50px #0f172a0a}.metric{display:grid;gap:8px;padding:20px;min-height:158px}.metric span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--brand-primary);background:var(--brand-primary-soft)}.metric-success span{color:#059669;background:#ecfdf5}.metric-warning span{color:#d97706;background:#fffbeb}.metric-dark span{color:#0f172a;background:#f1f5f9}.metric p{margin:0;color:#6b7280;font-weight:800}.metric strong{font-size:clamp(1.5rem,2vw,2rem)}.panel{padding:20px}.panel.wide{grid-column:span 2}.page-panel{display:grid;gap:18px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-header h2{margin:0;font-size:1.18rem}.panel-header p{margin:4px 0 0}.badge{width:max-content;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900}.badge-info{background:#eff6ff;color:#2563eb}.badge-warning{background:#fffbeb;color:#d97706}.badge-success{background:#ecfdf5;color:#059669}.badge-danger{background:#fef2f2;color:#dc2626}.badge-muted{background:#f3f4f6;color:#6b7280}.data-table,.product-table,.cards-list{display:grid;gap:9px}.table-head,.table-row{display:grid;grid-template-columns:1.2fr .9fr .8fr .6fr;gap:14px;align-items:center}.table-head,.product-head{color:#6b7280;font-size:.78rem;font-weight:900;text-transform:uppercase}.table-row{min-height:52px;padding:10px 0;border-top:1px solid #f1f5f9}.status-bars,.product-pulse,.quick-actions{display:grid;gap:13px}.status-bar div,.product-pulse div{display:flex;justify-content:space-between;gap:12px;align-items:center}.status-bar span,.product-pulse span{color:#374151;font-weight:800}.status-bar i{display:block;height:9px;margin-top:7px;border-radius:999px;background:var(--brand-primary)}.product-pulse div{padding-bottom:11px;border-bottom:1px solid #f1f5f9}.quick-actions button{min-height:48px;border:1px solid #e5e7eb;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;background:#f8fafc;color:#111827;font-weight:900}.kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:16px;overflow-x:auto;padding-bottom:12px}.kanban-column{min-height:calc(100vh - 150px);display:grid;grid-template-rows:auto 1fr;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;box-shadow:0 18px 50px #0f172a08}.kanban-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.kanban-title strong{min-width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:#f3f4f6}.order-stack{display:grid;align-content:start;gap:12px}.order-card{display:grid;gap:13px;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc}.order-card.delayed{border-color:#fbbf24;background:#fffbeb;box-shadow:0 16px 38px #f59e0b1a}.order-card-head,.order-total{display:flex;align-items:start;justify-content:space-between;gap:12px}.order-card-head strong{display:block;margin-bottom:8px}.order-card-head span,.order-total span,.order-items small{color:#6b7280}.order-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.35}.order-meta span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f8fafc}.order-items{display:grid;gap:8px}.order-items div{display:grid;gap:3px}.order-items span{font-weight:800}.order-total{align-items:center;padding-top:10px;border-top:1px solid #e5e7eb}.order-payment-details{display:flex;gap:6px;flex-wrap:wrap}.order-payment-details small{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#fff;color:#6b7280;font-weight:800}.order-actions{display:grid;gap:8px}.search-control{width:min(420px,100%);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.search-control svg{color:#6b7280}.search-control input{border:0;box-shadow:none;padding:0}.filters-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filters-bar .field,.filters-bar select{width:min(220px,100%)}.filters-bar .search-control{margin-bottom:0}.resource-card{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.resource-card div:first-child,.product-row strong{display:grid;gap:4px}.resource-card small{color:#94a3b8;font-size:.78rem;font-weight:800}.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.stacked-badges{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}.resource-card.waiter-card.waiting{border-color:#fbbf24;background:#fffbeb;box-shadow:0 16px 38px #f59e0b1a}.product-head,.product-row{display:grid;grid-template-columns:74px 1.4fr 1fr .8fr .7fr 96px;gap:14px;align-items:center}.product-head{padding:0 14px}.product-row{min-height:76px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.thumb{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:var(--brand-primary-soft);color:var(--brand-primary)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0f172a66}.modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;display:grid;gap:18px;padding:22px;border-radius:24px;background:#fff;box-shadow:0 30px 90px #0f172a40}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{margin:0}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two .field:nth-child(3),.form-grid.two .field:nth-child(5),.form-grid.two .btn{grid-column:1 / -1}.switch{min-height:44px;display:flex;align-items:center;gap:10px;color:#374151;font-weight:900}.switch input{width:18px;min-height:18px;accent-color:var(--brand-primary)}.switch.compact{width:auto;min-height:44px;padding:0 12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-size:.88rem}.cashier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cashier-grid>.panel.wide{grid-column:span 2}.cashier-card{grid-template-columns:minmax(0,1.2fr) auto minmax(120px,auto)}.finance-page{max-width:1100px}.finance-panel{max-width:960px}.finance-toolbar{display:grid;gap:16px}.finance-tabs{display:flex;gap:8px;flex-wrap:wrap}.finance-tabs button{min-height:42px;border:1px solid #e5e7eb;border-radius:14px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#374151;font-weight:900}.finance-tabs button.active{border-color:var(--brand-primary);color:#fff;background:var(--brand-primary);box-shadow:0 12px 28px var(--brand-primary-shadow)}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.finance-analytics-grid .wide{grid-column:1 / -1}.finance-chart-panel,.finance-highlights{align-content:start}.finance-bar-list{display:grid;gap:14px}.finance-bar-row{display:grid;gap:7px}.finance-bar-row div:first-child{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.finance-bar-row span{color:#6b7280;font-weight:800}.finance-bar-row strong{color:#111827;font-size:.94rem}.finance-bar-track{height:10px;border-radius:999px;overflow:hidden;background:#eef2f7}.finance-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),#10b981)}.finance-state,.finance-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc}.finance-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--brand-primary);background:var(--brand-primary-soft)}.finance-icon.success{color:#059669;background:#ecfdf5}.finance-state div:nth-child(2),.finance-summary div:nth-child(2){display:grid;gap:5px}.finance-state strong,.finance-summary strong{font-size:1rem}.finance-state span,.finance-summary span,.finance-summary small{color:#6b7280;font-weight:800}.finance-state p{margin:4px 0 0;color:#374151}.finance-grid{display:grid;gap:16px}.finance-grid .finance-summary{grid-template-columns:auto minmax(0,1fr)}.finance-actions{display:flex;gap:10px;flex-wrap:wrap}.compact-card{grid-template-columns:minmax(0,1fr) auto auto}.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;padding:22px;border:1px dashed #d1d5db;border-radius:18px;background:#fff;text-align:center;color:var(--brand-primary)}.empty-state strong{color:#111827}.qr-content{display:grid;justify-items:center;gap:16px}.qr-content img{width:min(320px,100%);aspect-ratio:1;border:1px solid #e5e7eb;border-radius:18px}.qr-content code{max-width:100%;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#374151;overflow-wrap:anywhere}.image-upload-field{display:grid;gap:10px}.upload-preview{width:96px;height:96px;object-fit:cover;border:1px solid #e5e7eb;border-radius:18px}.combo-items{display:grid;gap:10px}.combo-item-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 44px;gap:10px;align-items:center}.additional-picker{grid-column:1 / -1;display:grid;gap:12px}.additional-picker-list{display:grid;gap:10px}.additional-picker-list>span{color:#6b7280;font-weight:800}.check-card{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc}.check-card input{width:18px;min-height:18px;accent-color:var(--brand-primary)}.check-card div{display:grid;gap:3px}.check-card span{color:#6b7280;font-weight:800}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;display:grid;grid-template-columns:1fr}.sidebar nav{overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(5,300px)}}@media(max-width:760px){.workspace{padding:18px}.workspace-header,.panel-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start}.sidebar nav,.dashboard-grid,.form-grid.two{grid-template-columns:1fr}.cashier-grid{grid-template-columns:1fr}.cashier-grid>.panel.wide{grid-column:span 1}.panel.wide{grid-column:span 1}.table-head{display:none}.table-row,.resource-card,.product-row{grid-template-columns:1fr;align-items:start}.product-head{display:none}.row-actions{justify-content:flex-start}.combo-item-row,.finance-state{grid-template-columns:1fr}}.workspace,.panel,.resource-card,.product-row,.modal{min-width:0}.resource-card>*,.product-row>*,.table-row>*,.panel-header>*,.workspace-header>*{min-width:0}.resource-card strong,.resource-card span,.product-row strong,.product-row span,.table-row strong,.table-row span{overflow-wrap:anywhere}@media(max-width:1180px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:20;padding:16px;gap:12px;box-shadow:0 18px 38px #0f172a2e}.sidebar nav{grid-auto-flow:column;grid-auto-columns:minmax(148px,max-content);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding:0 0 6px}.sidebar nav button{width:auto;white-space:nowrap}.workspace{padding:22px}.workspace-header{align-items:flex-start}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(5,minmax(280px,320px))}}@media(max-width:900px){.workspace-header{display:grid}.header-actions{justify-content:flex-start}.filters-bar .field,.filters-bar select,.search-control{width:min(100%,420px)}.finance-state,.finance-summary,.cashier-card,.compact-card,.finance-metrics,.finance-analytics-grid{grid-template-columns:1fr}.finance-bar-row div:first-child{display:grid}.finance-actions,.row-actions,.stacked-badges{justify-content:flex-start}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px);border-radius:20px}}@media(max-width:760px){.sidebar{position:static;padding:14px}.brand,.restaurant-select{min-width:0}.restaurant-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{grid-auto-flow:column;grid-auto-columns:minmax(136px,max-content);grid-template-columns:none;overflow-x:auto;overflow-y:hidden}.workspace{padding:14px}.workspace-header h1{font-size:clamp(1.55rem,8vw,2.15rem)}.header-actions{gap:8px}.switch.compact,.user-chip,.btn{min-height:42px}.dashboard-grid{grid-template-columns:1fr}.metric,.panel{border-radius:18px}.panel{padding:16px;overflow:hidden}.kanban{grid-template-columns:repeat(5,minmax(260px,86vw))}.product-table,.data-table{min-width:0}.table-row,.resource-card,.product-row{gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.row-actions{flex-wrap:wrap}.modal{width:100%;padding:16px}.modal-header{align-items:flex-start}.qr-content img{width:min(260px,100%)}}@media(max-width:420px){.workspace,.sidebar{padding:10px}.header-actions>.btn,.header-actions .switch.compact,.header-actions .user-chip{width:100%;justify-content:center}.filters-bar,.finance-actions{display:grid;grid-template-columns:1fr}.combo-item-row{gap:8px}}