:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263238;background:#f7f9fa;--primary:#0F4C5C;--secondary:#2E7D8A;--success:#4CAF50;--warning:#F4B400;--danger:#D9534F;--surface:#FFFFFF;--muted:#607D8B;--border:#E2E8EC;--shadow:0 8px 24px rgba(15,76,92,.08)}*{box-sizing:border-box}body{margin:0;background:#f7f9fa}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:76px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;background:var(--primary);color:#fff;border-radius:12px;display:grid;place-items:center;font-size:24px}.brand strong{display:block;color:var(--primary);font-size:18px}.brand span{font-size:12px;color:var(--muted)}.app-main{max-width:1440px;margin:0 auto;padding:24px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--border);display:flex;justify-content:center;gap:8px;z-index:20}.bottom-nav a{min-width:120px;text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:3px;border-top:3px solid transparent}.bottom-nav a.active{color:var(--primary);border-top-color:var(--primary);font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.page-heading h1{margin:0;color:var(--primary);font-size:28px}.page-heading p{margin:4px 0 0;color:var(--muted)}.toolbar{display:flex;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 12px;min-width:300px}.search-box input{border:0;outline:0;padding:11px 0;width:100%;background:transparent}.btn{border:0;border-radius:9px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#332500}.btn-ghost{background:transparent;color:var(--primary)}.btn-large{padding:14px 20px}.btn-full{width:100%}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert-error{background:#fff0ef;color:#a83431}.alert-warning{background:#fff7dd;color:#805e00}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.table-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.table-card-top{display:flex;justify-content:space-between;align-items:center}.table-number{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.table-card h3{margin:12px 0 6px}.table-card p{color:var(--muted);display:flex;align-items:center;gap:5px}.table-card .amount{display:block;font-size:22px;color:var(--primary);margin:14px 0}.table-card .btn{width:100%}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-free,.status-ready,.status-paid{background:#eaf7ec;color:#2e7d32}.status-occupied,.status-error{background:#fdedec;color:#b23a35}.status-bill,.status-preparing{background:#fff5d8;color:#946c00}.status-sent{background:#eaf4ff;color:#1769aa}.status-delivered{background:#e9f5f7;color:#236a77}.status-partially-paid{background:#f1ecff;color:#6546a8}.kitchen-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kitchen-column{background:#edf5f7;border-radius:16px;padding:14px;min-height:500px}.kitchen-preparing{background:#fff8e8}.kitchen-ready{background:#eef8f0}.column-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 3px 12px #0000000a}.ticket-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.ticket-top span{display:flex;align-items:center;gap:4px}.ticket h3{font-size:16px;margin:12px 0}.ticket-note{background:#fff7dd;padding:8px;border-radius:7px;font-weight:700}.ticket .btn{width:100%}.cashier-layout{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.panel h2{margin-top:0;color:var(--primary)}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #EEF2F4}.total-row{display:flex;justify-content:space-between;padding:20px 0;font-size:24px;color:var(--primary)}.danger{color:var(--danger)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.payment-option{padding:14px;background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;gap:7px;align-items:center;justify-content:center}.payment-option.active{border-color:var(--success);background:#f1faf2;color:#2e7d32}.tip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}.tip-button{background:#fff;border:1px solid var(--border);padding:12px 6px;border-radius:9px}.tip-button.active{border-color:var(--success);background:#f1faf2;color:#2e7d32;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:24px;color:var(--primary);margin:8px 0}.metric-card em{font-style:normal;color:var(--success);font-size:12px;display:flex;gap:4px;align-items:center}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #EEF2F4;text-align:left}th{color:var(--muted);font-size:12px}.inventory-alert{display:flex;gap:10px;color:var(--danger);padding:10px 0;border-bottom:1px solid #EEF2F4}.inventory-alert.warning{color:#b07b00}.inventory-alert div{display:flex;flex-direction:column}.inventory-alert span{font-size:12px;color:var(--muted)}.section-title{margin-top:24px;color:var(--primary)}.quick-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-modules button{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;text-align:left}.quick-modules svg{grid-row:1/3;color:var(--primary)}.quick-modules span{font-weight:800;color:var(--primary)}.quick-modules small{color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf4f6,#f7f9fa 55%)}.login-card{width:min(420px,100%);background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 50px #0f4c5c26}.login-icon{width:66px;height:66px;border-radius:16px;background:var(--primary);display:grid;place-items:center;color:#fff;font-size:32px;margin-bottom:16px}.login-card h1{margin:0;color:var(--primary)}.login-card p{color:var(--muted);margin-bottom:24px}.login-card label{display:block;font-weight:700;margin:14px 0}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:9px;padding:12px;outline-color:var(--secondary)}.login-card .btn{width:100%;margin-top:12px}@media(max-width:1000px){.table-grid{grid-template-columns:repeat(2,1fr)}.cashier-layout,.admin-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-main{padding:16px}.topbar{height:60px;padding:0 14px}.brand span{display:none}.bottom-nav a{min-width:0;flex:1}.bottom-nav span{font-size:10px}.page-heading{align-items:flex-start}.table-grid,.kitchen-board,.metric-grid,.quick-modules{grid-template-columns:1fr}.search-box{min-width:100%}.payment-methods{grid-template-columns:1fr}.tip-grid{grid-template-columns:repeat(3,1fr)}}.alert-success{background:#eaf7ec;color:#2e7d32}.muted{color:var(--muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14232852;z-index:50;display:flex;justify-content:flex-end}.account-drawer{height:100%;width:min(620px,96vw);background:#f7f9fa;overflow:auto;padding:18px;box-shadow:-18px 0 50px #0f4c5c2e}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:14px;padding:16px;margin-bottom:12px}.drawer-header h2{margin:0;color:var(--primary)}.drawer-header span{color:var(--success);font-size:22px;font-weight:800}.icon-btn{background:transparent;border:0;color:var(--muted)}.drawer-section{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;margin-bottom:12px}.drawer-section h3{margin:0 0 12px;color:var(--primary)}.section-line{display:flex;align-items:center;justify-content:space-between}.diner-pills{display:flex;gap:8px;flex-wrap:wrap}.diner-pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px}.diner-pill.active{background:#e8f3f5;border-color:var(--primary);color:var(--primary);font-weight:800}.wide-input,.field input{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px;outline-color:var(--secondary)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.product-select{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:10px}.product-select:hover{border-color:var(--secondary);background:#f3fafb}.product-select span{color:var(--success);font-weight:800}.order-list{display:flex;flex-direction:column;gap:6px}.order-line{display:flex;justify-content:space-between;padding:10px;background:#f7f9fa;border-radius:9px}.order-line small{display:block;color:var(--muted);margin-top:3px}.drawer-actions{position:sticky;bottom:0;background:#fff;padding:12px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 -6px 20px #0f4c5c1a}.cashier-live-grid{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:16px}.account-picker{max-height:70vh;overflow:auto}.account-choice{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;text-align:left}.account-choice.active{border-color:var(--primary);background:#f0f7f8}.account-choice small{grid-column:1/3;color:var(--muted);margin-top:5px}.field{display:block;font-weight:700;margin:12px 0}.field input{display:block;margin-top:6px}.preclose-result{margin:15px 0}@media(max-width:1000px){.cashier-live-grid{grid-template-columns:1fr}.account-picker{max-height:none}}@media(max-width:700px){.product-grid,.drawer-actions{grid-template-columns:1fr}.account-drawer{width:100%}}.admin-forms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.receipt-page{min-height:100vh;background:#eef2f4;padding:20px}.print-actions{max-width:360px;margin:0 auto 12px;display:flex;justify-content:flex-end}.receipt-paper{width:80mm;max-width:100%;margin:0 auto;background:#fff;padding:8mm 5mm;color:#111;font-family:Courier New,monospace;font-size:12px;box-shadow:0 10px 30px #0000001f}.receipt-paper h1{text-align:center;font-size:18px;margin:0 0 4px}.receipt-paper p{margin:4px 0}.receipt-paper hr{border:0;border-top:1px dashed #333;margin:8px 0}.center{text-align:center}.receipt-line{display:flex;justify-content:space-between;gap:8px;margin:6px 0}.receipt-line div{display:flex;flex-direction:column}.receipt-line small{font-size:10px}.receipt-total{display:flex;justify-content:space-between;margin:5px 0}.receipt-total.grand{font-size:16px}@media(max-width:1100px){.admin-forms-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.admin-forms-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.print-actions,.topbar,.bottom-nav{display:none!important}.receipt-page{padding:0;background:#fff}.receipt-paper{box-shadow:none;margin:0;width:80mm}@page{size:80mm auto;margin:0}}.btn-danger{background:var(--danger);color:#fff}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tabs button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 15px;display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:800}.admin-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.business-day-empty{text-align:center;max-width:650px;margin:20px auto;padding:32px}.business-day-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.day-status{display:inline-flex;align-items:center;gap:7px;background:#eaf7ec;color:#2e7d32;border-radius:999px;padding:6px 10px;font-size:12px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--success)}.day-metrics{grid-template-columns:repeat(3,1fr);margin:18px 0}.users-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:16px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.role-check{border:1px solid var(--border);border-radius:9px;padding:10px;display:flex;align-items:center;gap:7px}.role-check.selected{border-color:var(--primary);background:#eef7f8}.role-check input{width:auto;margin:0}.user-list{display:flex;flex-direction:column;gap:8px}.user-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:11px}.user-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900}.user-info{display:flex;flex-direction:column;gap:3px}.role-badge{display:inline-block;background:#eef2f4;color:var(--primary);border-radius:999px;padding:3px 7px;margin:2px 4px 0 0}.user-actions{display:flex;align-items:center;gap:5px}textarea{width:100%;min-height:100px;border:1px solid var(--border);border-radius:9px;padding:10px}@media(max-width:1000px){.business-day-grid,.users-layout{grid-template-columns:1fr}.day-metrics{grid-template-columns:repeat(2,1fr)}}.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#fff}.login-logo{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto 8px;border-radius:22px}.purchase-header-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.purchase-lines{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.purchase-line{display:grid;grid-template-columns:2fr .8fr 1.2fr 1fr 1fr auto;gap:8px;align-items:end;border:1px solid var(--border);border-radius:11px;padding:10px}.purchase-line label{font-size:12px;font-weight:700;color:var(--muted)}.purchase-line input,.purchase-line select,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff;font:inherit;color:var(--text)}.purchase-line-total{display:flex;flex-direction:column;justify-content:center;min-height:42px}.purchase-line-total span{font-size:11px;color:var(--muted)}.purchase-line-total strong{font-size:17px}.icon-btn.danger{color:var(--danger)}.purchase-footer{display:flex;justify-content:flex-end;align-items:center;gap:28px;border-top:1px solid var(--border);padding-top:15px;margin-top:12px}.purchase-footer>div{display:flex;flex-direction:column;text-align:right}.purchase-footer span{font-size:12px;color:var(--muted)}.purchase-footer strong{font-size:28px;color:var(--primary)}.table-scroll{overflow:auto}@media(max-width:950px){.purchase-header-grid{grid-template-columns:repeat(2,1fr)}.purchase-line{grid-template-columns:2fr 1fr 1fr}.purchase-line-total{grid-column:auto}.purchase-line .icon-btn{align-self:center}}@media(max-width:650px){.purchase-header-grid{grid-template-columns:1fr}.purchase-line{grid-template-columns:1fr 1fr}.purchase-line label:first-child{grid-column:1/3}.purchase-footer{align-items:stretch;flex-direction:column}.purchase-footer>div{text-align:left}.brand strong{font-size:13px}}