:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;transition:all .2s}button:hover{opacity:.92}.app-layout{background:#f3f4f6;min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;gap:10px;width:260px;padding:24px 18px;display:flex;box-shadow:8px 0 24px #0f172a2e}.sidebar h2{color:#fff;letter-spacing:.5px;margin-top:0;margin-bottom:24px;font-size:24px;font-weight:800}.sidebar button{color:#d1d5db;text-align:left;background:0 0;border:none;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700}.sidebar button:hover{background:#1f2937}.logout-button{margin-top:auto;color:#fff!important;text-align:center!important;background:#b91c1c!important}.main-content{background:#f3f4f6;flex:1;padding:28px;overflow-y:auto}.active-menu{color:#fff!important;background:#2563eb!important}.active-menu:hover{background:#1d4ed8!important}.header-bar{background:#fff;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:22px;display:flex;box-shadow:0 8px 24px #0f172a0f}.header-bar h1{margin:0;font-size:24px}.header-bar p{color:#6b7280;margin:6px 0 0;font-size:14px}.header-summary{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.header-summary span{background:#f3f4f6;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.header-revenue{color:#166534!important;background:#dcfce7!important}.header-top-product{color:#92400e!important;background:#fef3c7!important}.header-prep-time{color:#5b21b6!important;background:#ede9fe!important}.sidebar-group{flex-direction:column;display:flex}.sidebar-badges{flex-wrap:wrap;gap:6px;margin-top:6px;margin-left:12px;display:flex}.badge{white-space:nowrap;cursor:default;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;transition:all .2s}.badge:hover{transform:none}.badge-red{color:#fecaca;background:#7f1d1d}.badge-orange{color:#fed7aa;background:#7c2d12}.badge-green{color:#bbf7d0;background:#14532d}.badge-blue{color:#bfdbfe;background:#1e3a8a}.badge-purple{color:#e9d5ff;background:#581c87}.activity-center{gap:14px;margin-bottom:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important}@media (width<=1400px){.activity-center{grid-template-columns:repeat(3,1fr)}}.activity-card{text-align:left;border:none;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:13px;font-weight:800;display:flex;box-shadow:0 8px 24px #0f172a0f}.activity-card strong{font-size:24px}.activity-card span{font-size:13px}.activity-card:hover{transform:translateY(-2px)}@media (width<=1100px){.activity-center{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.activity-center{grid-template-columns:1fr}}.activity-red{color:#991b1b;background:#fee2e2}.activity-orange{color:#9a3412;background:#ffedd5}.activity-green{color:#166534;background:#dcfce7}.activity-purple{color:#6b21a8;background:#f3e8ff}.activity-blue{color:#1d4ed8;background:#dbeafe}.message{color:#b71c1c;background:#ffebee;border-radius:10px;margin:12px 0;padding:12px}.notification-banner{color:#991b1b;background:#fee2e2;border-left:5px solid #dc2626;border-radius:12px;margin-bottom:16px;padding:14px;font-weight:800;animation:1s ease-in-out infinite pulseNotification}@keyframes pulseNotification{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.dashboard-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-left:6px solid #ddd;border-radius:18px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 8px 24px #0f172a0f}.dashboard-icon{background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.dashboard-card h3{color:#6b7280;margin:0 0 6px;font-size:14px}.dashboard-card strong{color:#111827;font-size:28px}.dashboard-card-blue{border-left-color:#2563eb}.dashboard-card-orange{border-left-color:#f97316}.dashboard-card-yellow{border-left-color:#eab308}.dashboard-card-green{border-left-color:#16a34a}.dashboard-card-purple{border-left-color:#7c3aed}.dashboard-card-red{border-left-color:#dc2626}.dashboard-card-gray{border-left-color:#6b7280}.dashboard-card-dark{border-left-color:#111827}.dashboard-extra-grid{grid-template-columns:1.3fr 1fr;gap:18px;margin-top:24px;display:grid}.dashboard-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 8px 24px #0f172a0f}.dashboard-panel h2{margin-top:0}.revenue-row{grid-template-columns:110px 1fr 90px;align-items:center;gap:12px;margin-bottom:12px;display:grid}.revenue-bar-wrap{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.revenue-bar{background:#2563eb;height:100%}.top-product-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 0;display:flex}.order-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=900px){.order-list{grid-template-columns:1fr}}.order-card{background:#fff;border:1px solid #e5e7eb;border-left-width:5px;border-radius:14px;padding:14px;box-shadow:0 6px 18px #0f172a0f}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-card-header h2{margin:0;font-size:18px}.order-card p{margin:4px 0;font-size:14px}.order-detail{background:#f9fafb;border-radius:10px;margin-top:10px;padding:10px}.order-detail h3{margin:0 0 8px;font-size:14px}.order-detail p{margin:4px 0}.kitchen-title{text-align:center;color:#fff;border-radius:10px;margin-top:0;padding:8px;font-size:14px;font-weight:800}.kitchen-pending{background:#dc2626}.kitchen-preparing{background:#f97316}.kitchen-ready{background:#16a34a}.kitchen-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}@media (width<=1200px){.kitchen-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.kitchen-grid{grid-template-columns:1fr}}.kitchen-column{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.kitchen-column h3{margin-top:0}.kitchen-card{background:#f9fafb;border-radius:12px;margin-bottom:12px;padding:14px}.status-badge{color:#fff;background:#fff3;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.status-pending,.btn-pending{color:#991b1b;background:#fee2e2}.status-preparing,.btn-preparing{color:#9a3412;background:#ffedd5}.status-ready,.btn-ready{color:#854d0e;background:#fef9c3}.status-delivered,.btn-delivered{color:#166534;background:#dcfce7}.status-paid,.btn-paid{color:#1d4ed8;background:#dbeafe}.button-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.action-button,.product-form button,.order-card button,.kitchen-card button{border:none;border-radius:10px;padding:9px 12px;font-weight:800}.ready-note{color:#166534;background:#dcfce7;border-radius:8px;padding:8px 10px;font-weight:800;display:inline-block}.time-normal{color:#6b7280;font-weight:700}.time-warning{color:#dc2626;font-weight:900}.request-card{background:#fff8e1;border:1px solid #fde68a;border-left:6px solid #f59e0b;border-radius:14px;padding:18px;box-shadow:0 6px 18px #0f172a0f}.product-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:10px;margin-bottom:24px;padding:20px;display:grid;box-shadow:0 8px 24px #0f172a0f}.product-form input,.product-form select{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px;font-size:14px}.product-form input:focus,.product-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.product-list{gap:12px;margin-bottom:24px;display:grid}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px #0f172a0f}@media (width<=900px){.app-layout{flex-direction:column}.sidebar{width:100%}.header-bar{flex-direction:column;align-items:flex-start}.header-summary{justify-content:flex-start}.dashboard-extra-grid{grid-template-columns:1fr}}.qr-link-box{word-break:break-all;color:#374151;background:#f3f4f6;border-radius:10px;margin-bottom:12px;padding:10px;font-size:13px}.qr-box{background:#fff;border-radius:12px;margin-bottom:12px;padding:12px;display:inline-block}.page-title{color:#fff;text-align:center;border-radius:12px;margin-top:0;margin-bottom:18px;padding:14px;font-size:18px;font-weight:900}.orders-title{background:#2563eb}.service-title{background:#7c3aed}.order-card-header{color:#fff;border-radius:10px;margin-bottom:14px;padding:12px}.order-header-pending{background:#dc2626}.order-header-preparing{background:#f97316}.order-header-ready{background:#16a34a}.order-header-delivered{background:#0284c7}.order-header-paid{background:#2563eb}.request-title{color:#fff;text-align:center;border-radius:10px;margin-top:0;margin-bottom:14px;padding:12px;font-size:16px;font-weight:800}.request-title.waiter{background:#7c3aed}.request-title.bill{background:#dc2626}.kitchen-delivered{background:#0284c7}.kitchen-paid{background:#2563eb}.orders-kanban{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.orders-kanban .kitchen-title{padding:7px;font-size:12px}.orders-kanban .order-card{border-radius:10px;padding:8px}.orders-kanban .order-card-header{padding:8px}.orders-kanban .order-card h2{font-size:14px}.orders-kanban .order-card p{font-size:12px}.orders-kanban .order-detail{padding:8px;font-size:12px}.orders-kanban .action-button{padding:6px 8px;font-size:11px}@media (width<=900px){.orders-kanban{grid-template-columns:1fr}}.page-title-row{color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:18px;padding:14px;display:flex}.page-title-row h2{margin:0;font-size:22px;font-weight:900}.page-title-row button{color:#fff;background:#fff3;border:none;border-radius:10px;padding:8px 12px;font-weight:900}.orders-title h2{color:#fff}.main-content{min-width:0}.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.dashboard-card{gap:10px;min-width:0;padding:14px;overflow:hidden}.dashboard-icon{flex-shrink:0;width:38px;height:38px;font-size:22px}.dashboard-card h3{font-size:13px;line-height:1.3}.dashboard-card strong{font-size:24px}.orders-kanban{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.orders-kanban .kitchen-column{min-width:0;padding:8px}.orders-kanban .order-card,.orders-kanban .order-card-header{padding:8px}.orders-kanban .order-card-header h2{font-size:14px}.orders-kanban .status-badge{padding:3px 6px;font-size:10px}.orders-kanban .order-detail{font-size:12px}@media (width<=1300px){.dashboard-grid,.orders-kanban{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dashboard-grid,.orders-kanban{grid-template-columns:1fr}}