@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=JetBrains+Mono:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:#1663b0;--primary:#1663b0;--primary-strong:#0f4f8f;--primary-soft:#a9cdef;--primary-tint:#dcecfb;--primary-tint-2:#c9e0f6;--ink:#0f2237;--ink-2:#273d53;--ink-3:#4e657b;--ink-4:#7f95aa;--ink-5:#bccfe1;--paper:#c9ddf2;--paper-2:#e4eefa;--card:#fff;--card-warm:#f2f7fd;--line:#7fa8cf;--line-soft:#c2d7ea;--glass:#ffffffd9;--glass-border:#a9c4e0bf;--glass-border-strong:#a9c4e0;--grad-card:linear-gradient(180deg, #fff 0%, #f2f7fc 100%);--grad-gold:linear-gradient(180deg, #1a74c9 0%, #0f4f8f 100%);--veg:#1e9e4a;--veg-bg:#1e9e4a1f;--nonveg:#d23f31;--nonveg-bg:#d23f311f;--gold:#d18a00;--gold-bg:#d18a001f;--info:#1f6fbf;--info-bg:#1f6fbf1f;--nav-blue:#4f93d2;--nav-blue-hover:#3f83c4;--nav-blue-active:#275e9e;--tile-strip:#cfe3f7;--shadow-1:0 1px 2px #0f223724;--shadow-2:0 4px 14px #0f22372e;--shadow-3:0 12px 32px #0f223738;--shadow-glow:0 4px 16px #1f6fbf33;--shadow-focus:0 0 0 3px #1f6fbf4d;--shadow-card:0 1px 0 #ffffffe6 inset, 0 1px 3px #17293d1a;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-full:9999px;--sans:"Segoe UI", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--serif:"Playfair Display", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--wordmark:"Playfair Display", Georgia, "Times New Roman", serif;--t:.16s cubic-bezier(.4, 0, .2, 1);--t-slow:.3s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--sans);color:var(--ink);background:var(--paper);min-height:100vh;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;accent-color:var(--primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:inherit;font-size:1rem}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--primary)}img,svg{max-width:100%;display:block}::selection{background:var(--primary);color:#fff}:focus{outline:none}:focus-visible{box-shadow:var(--shadow-focus);border-radius:5px}.login-page{background:var(--paper);background-image:radial-gradient(60% 50% at 15% 10%,#ffffffa6 0%,#0000 62%),radial-gradient(40% 40% at 85% 90%,#5b9bd547 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-md);width:100%;max-width:400px;box-shadow:var(--shadow-3);padding:40px 32px;animation:.38s cubic-bezier(.22,1,.36,1) slideUp}.login-header{text-align:center;margin-bottom:32px}.brand-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.outlet-mark{background:var(--grad-gold);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #1f6fbf47}.brand-mono{color:#fff;width:34px;height:34px;font-family:var(--wordmark);background:#000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;display:flex}.brand-wm{font-family:var(--wordmark);letter-spacing:.004em;color:#000;font-weight:600}.brand-by{font-size:.6em;font-style:italic}.brand-logo h2{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:1.375rem;font-weight:600}.badge{letter-spacing:.07em;background:var(--primary-tint);color:var(--primary);border-radius:var(--r-full);vertical-align:middle;border:1px solid #1f6fbf47;margin-left:8px;padding:3px 8px;font-size:.5625rem;font-weight:800}.subtitle{color:var(--ink-3);margin-top:4px;font-size:.8125rem}.toggle-group{background:var(--paper-2);border-radius:var(--r-sm);border:1px solid var(--line);margin-bottom:22px;padding:3px;display:flex}.toggle-btn{color:var(--ink-3);transition:all var(--t);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:.8125rem;font-weight:600;display:flex}.toggle-btn.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-1);border:1px solid var(--line)}.form-group{margin-bottom:14px}.form-group label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:.6875rem;font-weight:700;display:block}.form-group input{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:border-color var(--t), box-shadow var(--t);background:#fff;padding:11px 14px;font-size:.9375rem;box-shadow:inset 0 1px 2px #17293d0f}.form-group input:hover{border-color:var(--primary-soft)}.form-group input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus), 0 1px 2px #17293d0f inset}.form-group input::placeholder{color:var(--ink-4)}.btn{border-radius:var(--r-sm);transition:transform var(--t), box-shadow var(--t), background var(--t), opacity var(--t);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:12px 20px;font-size:.9375rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--grad-gold);color:#fff;box-shadow:var(--shadow-glow);border:1px solid var(--primary-strong)}.btn-primary:hover{background:linear-gradient(#2b7ecd,#12508e);transform:translateY(-1px);box-shadow:0 6px 20px #1f6fbf4d}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-block{width:100%}.error-text{color:#c62828;text-align:center;margin-bottom:14px;font-size:.8125rem}.hint-box{background:var(--primary-tint);border-radius:var(--r-sm);color:var(--ink-2);text-align:center;border:1px dashed var(--primary-soft);margin-top:22px;padding:11px 14px;font-size:.8125rem}.app-layout{background:var(--paper);min-height:100vh;display:flex}.sidebar{border-radius:var(--r-sm);color:#fff;z-index:20;width:248px;box-shadow:var(--shadow-2), 0 0 0 1px #ffffff59 inset;background:linear-gradient(#5b9fd9 0%,#4177ad 100%);border:1px solid #33689c;flex-direction:column;flex-shrink:0;margin:8px 0 8px 8px;display:flex;position:relative}.sidebar:after{content:none}.sidebar-header{border-bottom:1px solid #ffffff47;padding:20px 18px 16px}.brand-logo-sidebar{align-items:center;gap:10px;display:flex}.brand-logo-sidebar h2{font-family:var(--serif);letter-spacing:-.015em;color:#fff;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.sidebar .brand-mono{color:#000;box-shadow:none;background:#fff}.sidebar .brand-wm{color:#fff}.portal-badge{letter-spacing:.1em;color:#ffffffd1;text-transform:uppercase;margin-top:2px;font-size:.5rem;font-weight:800;line-height:1}.nav-menu{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.nav-link{color:#ffffffd9;height:40px;transition:color var(--t), background var(--t);border-radius:5px;align-items:center;gap:0;padding:0;font-size:.875rem;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:hover{color:#fff;background:var(--nav-blue-hover)}.nav-link.active{color:#fff;background:var(--nav-blue-active);font-weight:700;box-shadow:inset 0 1px 2px #0a1a2a59}.nav-link.active:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{width:28px;height:28px;transition:background var(--t), box-shadow var(--t);background:#fffffff0;border:1px solid #ffffffa6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0 9px 0 10px;display:flex}.nav-link:hover .nav-icon{background:#fff}.nav-link.active .nav-icon{background:#fff;box-shadow:0 1px 3px #17293d38}.nav-label{flex:1;padding-right:12px}.nav-divider{background:#ffffff47;height:1px;margin:6px 12px}.sidebar-footer{border-top:1px solid #ffffff47;padding:10px}.user-card{background:#ffffff29;border:1px solid #ffffff47;border-radius:5px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.user-avatar{width:34px;height:34px;color:var(--primary);letter-spacing:0;background:#fff;border:1.5px solid #ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.user-name{color:#fff;font-size:.8125rem;font-weight:700;line-height:1.3}.user-role{color:#ffffffc7;text-transform:uppercase;letter-spacing:.09em;margin-top:1px;font-size:.5625rem;font-weight:700}.logout-btn{color:#fff;width:100%;transition:all var(--t);background:#ffffff1a;border:1px solid #ffffff73;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:.8125rem;font-weight:600;display:flex}.logout-btn:hover{color:#fff;background:#c62828;border-color:#c62828}.module-strip{background:linear-gradient(180deg, #d9eafa 0%, var(--tile-strip) 100%);border-bottom:1px solid var(--line);flex-shrink:0;align-items:stretch;gap:8px;padding:9px 14px;display:flex}.module-tile{background:linear-gradient(180deg, var(--tile-c,var(--primary)) 0%, var(--tile-c-deep,var(--primary-strong)) 100%);border-radius:var(--r-xs);color:#fff;width:76px;min-height:62px;box-shadow:0 1px 0 #ffffff59 inset, var(--shadow-1);transition:filter var(--t), box-shadow var(--t), transform var(--t);border:1px solid #0a1a2a4d;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.module-tile:hover{filter:brightness(1.1)saturate(1.05);box-shadow:0 1px 0 #ffffff59 inset, var(--shadow-2);transform:translateY(-1px)}.module-tile:active{filter:brightness(.95);transform:translateY(0)}.module-tile.active{box-shadow:0 1px 0 #ffffff59 inset, 0 0 0 2px #fff, 0 0 0 3px var(--tile-c-deep,var(--primary-strong)), var(--shadow-2)}.module-tile.active:after{content:"";background:#ffffffe6;border-radius:2px;height:3px;position:absolute;bottom:3px;left:6px;right:6px}.module-tile-label{letter-spacing:.02em;text-align:center;color:#fff;text-shadow:0 1px 1px #0a1a2a59;font-size:10.5px;font-weight:800;line-height:1.1}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:100;background:linear-gradient(#e3f0fc 0%,#c9dff5 100%);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-title{color:var(--primary-strong);letter-spacing:-.01em;font-size:1rem;font-weight:800;line-height:1}.topbar-date{font-family:var(--mono);color:var(--primary-strong);border:1px solid var(--line);border-radius:var(--r-xs);background:#ffffffbf;padding:4px 10px;font-size:.8125rem;font-weight:700;line-height:1}.topbar-breadcrumb{color:var(--ink-3);font-size:.75rem;font-weight:500}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-btn{border-radius:var(--r-xs);width:34px;height:34px;color:var(--ink-3);transition:all var(--t);justify-content:center;align-items:center;display:flex}.topbar-btn:hover{color:var(--primary);background:var(--primary-tint)}.page-content{flex:1;padding:20px;overflow-y:auto}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.dash-card{background:var(--grad-card);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-sm);transition:all var(--t);box-shadow:var(--shadow-card);padding:22px}.dash-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-2);transform:translateY(-1px)}.stat-chip{background:var(--grad-card);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-card);transition:all var(--t);align-items:center;gap:14px;padding:16px 20px;display:flex}.stat-chip:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;background:var(--paper-2);border-bottom:1px solid var(--line);padding:10px 16px;font-size:.6875rem;font-weight:700}.data-table td{border-bottom:1px solid var(--line-soft);color:var(--ink-2);transition:background var(--t);padding:12px 16px;font-size:.9375rem}.data-table tr:hover td{background:var(--primary-tint)}.field-group{margin-bottom:14px}.field-group label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:.6875rem;font-weight:700;display:block}.field-input{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:border-color var(--t), box-shadow var(--t);background:#fff;padding:10px 14px;font-size:.9375rem;box-shadow:inset 0 1px 2px #17293d0f}.field-input:hover{border-color:var(--primary-soft)}.field-input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.status-placed,.status-confirmed{color:#1f6fbf;background:#1f6fbf1a;border:1px solid #1f6fbf47}.status-preparing{color:#a8690b;background:#d18a001f;border:1px solid #d18a004d}.status-served{color:#14733a;background:#1e9e4a1f;border:1px solid #1e9e4a4d}.status-completed{color:var(--ink-3);background:var(--paper-2);border:1px solid var(--line)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanMove{0%{top:0%}50%{top:calc(100% - 2px)}to{top:0%}}.anim-slide{animation:.38s cubic-bezier(.22,1,.36,1) slideUp}.anim-fade{animation:.22s fadeIn}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e8f1fb}::-webkit-scrollbar-thumb{background:#b9cfe4;border:1px solid #a9c4e0;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#a3c0dc}::-webkit-scrollbar-corner{background:#e8f1fb}*{scrollbar-color:#b9cfe4 #e8f1fb;scrollbar-width:thin}