:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-dark:#0b0f19;--bg-card:#121826d9;--bg-card-hover:#1a2235f2;--bg-surface:#141b2d;--bg-glass:#141b2db3;--border-color:#ffffff14;--border-highlight:#6366f159;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f14d;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#a855f7;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #00000073;--shadow-glow:0 0 25px #6366f140;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{width:100%;max-width:100%;position:relative;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d414 0,#0000 50%),radial-gradient(#a855f70d 0,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-primary);letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel-hover{transition:all var(--transition-normal)}.glass-panel-hover:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 6px 20px #6366f173}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.btn-danger:hover{background:linear-gradient(135deg,#e11d48 0%,#be123c 100%)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff14}.btn-secondary:hover{background:#ffffff24;border-color:#fff3}.btn-amber{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-indigo{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-main);transition:all var(--transition-fast);background:#0b0f19b3;outline:none;padding:11px 16px;font-size:.95rem}.input-field:focus{border-color:var(--primary);background:#0f172ae6;box-shadow:0 0 0 3px #6366f133}.input-field::placeholder{color:var(--text-dim)}@media print{body *{visibility:hidden}#thermal-receipt,#thermal-receipt *,#printable-kitchen-slip,#printable-kitchen-slip *,#printable-a4-poster,#printable-a4-poster *{visibility:visible}#thermal-receipt{width:80mm;margin:0;padding:10px;font-family:Courier New,Courier,monospace;font-size:12px;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}#printable-kitchen-slip,#printable-a4-poster{width:100%;margin:0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:absolute;top:0;left:0;color:#0f172a!important;background:#fff!important}.no-print{display:none!important}}.no-scrollbar,.teacher-portal-tabs,.admin-tab-switcher,.mobile-scroll-x{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.teacher-portal-tabs::-webkit-scrollbar{display:none}.admin-tab-switcher::-webkit-scrollbar{display:none}.mobile-scroll-x::-webkit-scrollbar{display:none}.responsive-table{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;overflow-x:auto}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-only-block{display:block!important}input,select,textarea{font-size:16px!important}}.navbar-header{-webkit-backdrop-filter:blur(16px);z-index:50;box-sizing:border-box;background:#0f172af0;border-bottom:1px solid #ffffff14;width:100%;max-width:100%;padding:0 20px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;max-width:1600px;height:64px;margin:0 auto;display:flex}.navbar-brand-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-mobile-actions{display:none}.navbar-controls-desktop{flex-shrink:0;align-items:center;gap:8px;display:flex}.navbar-nav{background:#02061780;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:4px;display:flex}.navbar-nav button{border-radius:8px;padding:6px 10px;font-size:.82rem}@media (width<=1023px) and (width>=768px){.navbar-header{padding:8px 16px 10px}.navbar-inner{flex-direction:column;align-items:stretch;gap:8px;height:auto}.navbar-brand-row{justify-content:space-between;width:100%}.navbar-controls-desktop{display:flex!important}.navbar-mobile-actions{display:none!important}.navbar-nav{background:#020617b3;justify-content:center;width:100%}}@media (width<=767px){.navbar-header{padding:8px 12px 10px}.navbar-inner{flex-direction:column;align-items:stretch;gap:8px;height:auto}.navbar-brand-row{justify-content:space-between;width:100%}.navbar-mobile-actions{display:flex!important}.navbar-controls-desktop{display:none!important}.navbar-nav{box-sizing:border-box;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;background:#020617bf;width:100%;min-width:0;padding:4px;overflow-x:auto}.navbar-nav::-webkit-scrollbar{display:none}.navbar-nav button{padding:7px 11px!important;font-size:.8rem!important}}.pos-container-grid{box-sizing:border-box;grid-template-columns:1fr 420px;gap:20px;width:100%;max-width:1600px;min-height:calc(100vh - 90px);margin:0 auto;padding:20px 24px;display:grid}@media (width<=1024px){.pos-container-grid{box-sizing:border-box;grid-template-columns:100%;gap:12px;width:100%;max-width:100%;padding:10px 8px}}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-height:calc(100vh - 205px);padding-right:4px;display:grid;overflow-y:auto}@media (width<=640px){.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;gap:10px!important;max-height:none!important;padding-right:0!important}}.pos-cart-column{flex-direction:column;justify-content:space-between;height:calc(100vh - 95px);max-height:calc(100vh - 95px);display:flex;position:sticky;top:80px;overflow-y:auto}@media (width<=1024px){.pos-cart-column{min-height:auto;margin-top:10px;margin-bottom:70px;height:auto!important;max-height:none!important;position:static!important}.glass-panel{border-radius:14px!important;padding:12px 10px!important}}.teacher-portal-tabs{-webkit-overflow-scrolling:touch;background:#fff;border:1.5px solid #fed7aa;border-radius:16px;gap:6px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 4px 15px #ea580c0f}.teacher-portal-tabs button{white-space:nowrap;flex:1 0 auto}.admin-tab-switcher{-webkit-overflow-scrolling:touch;background:#ea580c14;border:1px solid #f9731640;border-radius:12px;gap:6px;padding:5px;display:flex;overflow-x:auto}.admin-tab-switcher button{white-space:nowrap;flex:1 0 auto}@media (width<=640px){.calendar-day-text-full{display:none!important}.calendar-day-dot{display:inline-block!important}.teacher-calendar-cell{min-height:48px!important;padding:3px 2px!important}.teacher-calendar-cell-num{font-size:.78rem!important}.teacher-portal-container{padding:12px 10px!important}.teacher-header-box{padding:12px 14px!important}}@media (width>=641px){.calendar-day-text-full{display:block!important}.calendar-day-dot{display:none!important}}@media (width<=768px){.modal-dialog-responsive{border-radius:18px!important;width:95vw!important;max-width:95vw!important;max-height:94vh!important;margin:8px!important}}