:root{--nb:#0a0b0c;--nb-s:#111314;--nb-c:#181b1e;--nb-c2:#21252a;--nb-b:#252a2e;--nb-b2:#1e2226;--nb-t:#e8eaed;--nb-m:#5a6370;--nb-am:#f59e0b;--nb-am2:#fbbf24;--nb-gn:#4a9c3f;--nb-gn2:#5db552;--nb-tl:#1a8a7a;--nb-rd:#c0392b;--bg:var(--nb);--surface:var(--nb-s);--card:var(--nb-c);--card-2:var(--nb-c2);--border:var(--nb-b);--border-soft:var(--nb-b2);--text:var(--nb-t);--muted:var(--nb-m);--amber:var(--nb-am);--amber-2:var(--nb-am2);--green:var(--nb-gn);--green-2:var(--nb-gn2);--teal:var(--nb-tl);--red:var(--nb-rd);--blue:#378add;--purple:#a07adf;--accent:var(--green);--radius:10px;--radius-sm:6px;--radius-lg:14px;--sp-2:2px;--sp-3:3px;--sp-4:4px;--sp-5:5px;--sp-6:6px;--sp-7:7px;--sp-8:8px;--sp-9:9px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-18:18px;--sp-20:20px;--sp-24:24px;--sp-32:32px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--nb);color:var(--nb-t);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app{background:var(--nb);color:var(--nb-t);border-radius:14px;min-height:560px;font-size:13px;overflow:hidden}.app.app-full{border-radius:0;flex-direction:column;min-height:100vh;display:flex}.app.app-full .body{flex:1}.topbar{background:var(--nb-c);border-bottom:1px solid var(--nb-b);padding:var(--sp-10) var(--sp-18);justify-content:space-between;align-items:center;display:flex}.topbar-left{align-items:center;gap:var(--sp-10);display:flex}.nb-badge{background:var(--nb-am);color:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.topbar h1{color:var(--nb-t);font-size:16px;font-weight:700}.topbar-right{align-items:center;gap:var(--sp-8);color:var(--nb-m);font-size:11px;display:flex}.topbar-right .staff{color:var(--nb-gn2);font-weight:500}.body{min-height:520px;display:flex}.sidebar{border-right:1px solid var(--nb-b);background:var(--nb-s);width:200px;padding:var(--sp-12) 0;flex-direction:column;flex-shrink:0;display:flex}.sidebar-section{padding:var(--sp-4) var(--sp-12);color:var(--nb-m);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:var(--sp-4);margin-top:var(--sp-8);font-size:10px}.sidebar-section:first-child{margin-top:0}.nav-item{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-14);cursor:pointer;color:var(--nb-m);border-left:2px solid #0000;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{background:var(--nb-b2);color:var(--nb-t)}.nav-item.active{border-left-color:var(--nb-am);color:var(--nb-am);background:#1a1d20}.nav-item i{font-size:16px}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.panel{flex:1;display:none;overflow:auto}.panel.active{flex-direction:column;display:flex}.panel-head{padding:var(--sp-18) var(--sp-20) var(--sp-14);border-bottom:1px solid var(--nb-b);flex-shrink:0}.panel-head h2{color:var(--nb-t);margin-bottom:var(--sp-3);font-size:17px;font-weight:700}.panel-head p{color:var(--nb-m);font-size:12px}.panel-body{padding:var(--sp-16) var(--sp-20);flex:1;overflow:auto}.home-cards{gap:var(--sp-14);grid-template-columns:repeat(3,1fr);display:grid}.home-card{background:var(--nb-c);border:1px solid var(--nb-b);padding:var(--sp-18);cursor:pointer;border-radius:10px;transition:all .15s}.home-card:hover{border-color:var(--nb-am);transform:translateY(-2px)}.home-card .hc-icon{width:40px;height:40px;margin-bottom:var(--sp-12);border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.home-card h3{color:var(--nb-t);margin-bottom:var(--sp-6);font-size:14px;font-weight:600}.home-card p{color:var(--nb-m);font-size:12px;line-height:1.6}.home-card .hc-arrow{margin-top:var(--sp-12);color:var(--nb-am);font-size:12px}.btn{padding:var(--sp-6) var(--sp-14);border:1px solid var(--nb-b);color:var(--nb-m);cursor:pointer;align-items:center;gap:var(--sp-5);background:0 0;border-radius:6px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.btn:hover{border-color:var(--nb-am);color:var(--nb-am)}.btn.primary{background:var(--nb-gn);border-color:var(--nb-gn);color:#fff}.btn.primary:hover{background:var(--nb-gn2);border-color:var(--nb-gn2)}.btn.danger{border-color:var(--nb-rd);color:var(--nb-rd)}.btn.danger:hover{background:var(--nb-rd);color:#fff}.menu-toolbar{gap:var(--sp-8);margin-bottom:var(--sp-14);flex-wrap:wrap;align-items:center;display:flex}.menu-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.menu-card{background:var(--nb-c);border:1px solid var(--nb-b);border-radius:10px;transition:border-color .15s;position:relative;overflow:hidden}.menu-card:hover{border-color:var(--nb-b)}.menu-card-img{object-fit:cover;background:var(--nb-c2);width:100%;height:110px;display:block}.menu-card-img-placeholder{background:var(--nb-c2);width:100%;height:110px;color:var(--nb-m);justify-content:center;align-items:center;font-size:11px;display:flex}.menu-card-body{padding:var(--sp-10) var(--sp-12)}.menu-card-name{color:var(--nb-t);margin-bottom:var(--sp-2);font-size:12px;font-weight:600}.menu-card-desc{color:var(--nb-m);margin-bottom:var(--sp-6);font-size:10px;line-height:1.4}.menu-card-bottom{justify-content:space-between;align-items:center;display:flex}.menu-card-price{color:var(--nb-gn2);font-size:13px;font-weight:700}.menu-card-actions{gap:var(--sp-4);display:flex}.icon-btn{border:1px solid var(--nb-b);cursor:pointer;color:#6b7280;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--nb-am);color:var(--nb-am)}.icon-btn.del:hover{border-color:var(--nb-rd);color:var(--nb-rd)}.avail-badge{padding:var(--sp-2) var(--sp-6);border-radius:10px;font-size:9px;font-weight:600;position:absolute;top:8px;right:8px}.avail-badge.on{color:var(--nb-gn2);background:#0d1f0a;border:1px solid #1a3a12}.avail-badge.off{color:#e88080;background:#2e1010;border:1px solid #5e2020}.cat-badge{padding:var(--sp-2) var(--sp-8);border-radius:12px;font-size:10px;font-weight:600;display:inline-block}.cat-burger{color:#d4a023;background:#2e1a08;border:1px solid #5e3a10}.cat-drink{color:#378add;background:#081a2e;border:1px solid #10305e}.cat-side{color:#5db552;background:#0d1f0a;border:1px solid #1a3a12}.cat-classic{color:#a07adf;background:#1a0a1f;border:1px solid #3a1a5e}.modal-bg{z-index:50;background:#000000bf;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--nb-c);border:1px solid var(--nb-b);border-radius:12px;width:380px;max-height:460px;overflow-y:auto}.modal-head{padding:var(--sp-14) var(--sp-16);border-bottom:1px solid var(--nb-b);justify-content:space-between;align-items:center;display:flex}.modal-head h3{color:var(--nb-t);font-size:14px;font-weight:600}.modal-close{border:1px solid var(--nb-b);color:var(--nb-m);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;display:flex}.modal-close:hover{background:var(--nb-rd);border-color:var(--nb-rd);color:#fff}.modal-body{padding:var(--sp-14) var(--sp-16)}.form-group{margin-bottom:var(--sp-12)}.form-label{color:var(--nb-m);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-5);font-size:11px;display:block}.form-input{background:var(--nb-c2);border:1px solid var(--nb-b);width:100%;color:var(--nb-t);padding:var(--sp-8) var(--sp-10);border-radius:6px;font-family:inherit;font-size:13px}.form-input:focus{border-color:var(--nb-am);outline:none}.form-row{gap:var(--sp-10);grid-template-columns:1fr 1fr;display:grid}.form-select{background:var(--nb-c2);border:1px solid var(--nb-b);width:100%;color:var(--nb-t);padding:var(--sp-8) var(--sp-10);border-radius:6px;font-family:inherit;font-size:13px}.modal-foot{padding:var(--sp-12) var(--sp-16);border-top:1px solid var(--nb-b);gap:var(--sp-8);justify-content:flex-end;display:flex}.emp-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.emp-card{background:var(--nb-c);border:1px solid var(--nb-b);padding:var(--sp-14);text-align:center;border-radius:10px;position:relative}.emp-card:hover{border-color:var(--nb-b)}.emp-avatar{width:48px;height:48px;margin:0 auto var(--sp-8);color:#000;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.emp-name{color:var(--nb-t);margin-bottom:var(--sp-2);font-size:13px;font-weight:600}.emp-role{color:var(--nb-m);margin-bottom:var(--sp-8);font-size:11px}.emp-status{align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-8);border-radius:10px;font-size:10px;display:inline-flex}.emp-status.on-shift{color:var(--nb-gn2);background:#0d1f0a;border:1px solid #1a3a12}.emp-status.off-shift{background:var(--nb-c2);color:var(--nb-m);border:1px solid var(--nb-b)}.emp-initials{color:var(--nb-m);margin-top:var(--sp-6);font-size:10px}.emp-actions{gap:var(--sp-5);margin-top:var(--sp-10);justify-content:center;display:flex}.emp-btn{border:1px solid var(--nb-b);color:var(--nb-m);cursor:pointer;padding:var(--sp-4) var(--sp-8);background:0 0;border-radius:5px;font-family:inherit;font-size:11px;transition:all .15s}.emp-btn:hover{border-color:var(--nb-am);color:var(--nb-am)}.sched-head{gap:var(--sp-4);margin-bottom:var(--sp-6);color:var(--nb-m);text-align:center;text-transform:uppercase;letter-spacing:.5px;grid-template-columns:120px repeat(7,1fr);font-size:10px;display:grid}.sched-row{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:120px repeat(7,1fr);align-items:center;display:grid}.sched-name{color:var(--nb-t);font-size:12px;font-weight:500}.sched-cell{cursor:pointer;border:1px solid var(--nb-b);border-radius:4px;justify-content:center;align-items:center;height:28px;font-size:10px;transition:all .15s;display:flex}.sched-cell.working{color:var(--nb-gn2);background:#0d1f0a;border-color:#1a3a12;font-weight:600}.sched-cell.off{background:var(--nb-c2);color:var(--nb-m)}.sched-cell.working:hover{background:#1a3a12}.sched-cell.off:hover{background:var(--nb-b)}.layout-grid{gap:var(--sp-12);grid-template-columns:1fr 1fr;display:grid}.layout-card{background:var(--nb-c);border:1px solid var(--nb-b);border-radius:10px;overflow:hidden}.layout-card-head{padding:var(--sp-12) var(--sp-14);border-bottom:1px solid var(--nb-b);justify-content:space-between;align-items:center;display:flex}.layout-card-title{color:var(--nb-t);align-items:center;gap:var(--sp-6);font-size:13px;font-weight:600;display:flex}.layout-card-body{padding:var(--sp-12) var(--sp-14)}.layout-preview{background:var(--nb-s);height:90px;color:var(--nb-m);margin-bottom:var(--sp-10);border:1px solid var(--nb-b);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.color-row{gap:var(--sp-6);margin-bottom:var(--sp-8);display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:24px;height:24px;transition:all .15s}.color-swatch.selected{border-color:var(--nb-t)}.toggle-row{padding:var(--sp-5) 0;border-bottom:1px solid var(--nb-b2);color:var(--nb-m);justify-content:space-between;align-items:center;font-size:12px;display:flex}.toggle-row:last-child{border:none}.toggle{background:var(--nb-b);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .2s;position:relative}.toggle.on{background:var(--nb-gn)}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(14px)}.stats-grid{gap:var(--sp-10);margin-bottom:var(--sp-16);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--nb-c);border:1px solid var(--nb-b);padding:var(--sp-12) var(--sp-14);border-radius:8px}.stat-label{color:var(--nb-m);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-4);font-size:10px}.stat-val{color:var(--nb-t);font-size:20px;font-weight:700;line-height:1}.stat-sub{color:var(--nb-m);margin-top:var(--sp-3);font-size:10px}.stat-val.green{color:var(--nb-gn2)}.stat-val.amber{color:var(--nb-am)}.toast{background:var(--nb-gn);color:#fff;padding:var(--sp-8) var(--sp-16);z-index:100;opacity:0;pointer-events:none;border-radius:8px;font-size:12px;font-weight:500;transition:opacity .3s;position:absolute;bottom:16px;right:16px}.toast.show{opacity:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.input,.select{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:var(--sp-9) 11px;font-size:13px}.input:focus,.select:focus{border-color:var(--accent);outline:none}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-5);font-size:11px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adm{background:var(--bg);height:100vh;display:flex;overflow:hidden}.adm-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex}.adm-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 18px;display:flex}.adm-brand{color:#fff;letter-spacing:.3px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.adm-tagline{color:var(--muted);letter-spacing:1.5px;font-size:9px}.adm-nav{flex:1;padding:10px 0;overflow-y:auto}.adm-nav-section{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:10px 16px 4px;font-size:9px}.adm-nav-link{text-decoration:none;display:block}.adm-nav-item{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:9px;padding:8px 14px;font-size:12.5px;transition:all .15s;display:flex}.adm-nav-item i{flex-shrink:0;width:18px;font-size:16px}.adm-nav-item:hover{background:var(--card-2);color:var(--text)}.adm-nav-item.active{border-left-color:var(--nb-am);color:var(--nb-am);background:#1a1700}.adm-nav-item.soon{cursor:default;opacity:.55}.adm-nav-item.soon:hover{color:var(--muted);background:0 0}.adm-soon-chip{letter-spacing:.8px;text-transform:uppercase;background:var(--card-2);color:var(--muted);border-radius:8px;margin-left:auto;padding:2px 6px;font-size:8px;font-weight:700}.adm-footer{border-top:1px solid var(--border);padding:14px 16px}.adm-user{align-items:center;gap:9px;display:flex}.adm-avatar{width:30px;height:30px;color:var(--nb-am);border:1.5px solid var(--nb-am);background:#292120;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.adm-uname{color:var(--text);font-size:12px;font-weight:500}.adm-urole{color:var(--muted);font-size:10px}.adm-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.adm-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.adm-tb-section{color:var(--text);font-size:13px;font-weight:600}.adm-tb-right{align-items:center;gap:10px;display:flex}.adm-tb-pill{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;display:flex}.adm-net-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.adm-net-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.adm-net-pill.online{color:#22c55e;background:#22c55e1f}.adm-net-pill.online .adm-net-dot{background:#22c55e;animation:2s infinite adm-net-pulse}.adm-net-pill.offline{color:#ef4444;background:#ef444424}.adm-net-pill.offline .adm-net-dot{background:#ef4444}@keyframes adm-net-pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.adm-signout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:11.5px;transition:all .15s;display:flex}.adm-signout:hover{color:var(--text);background:var(--card)}.adm-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.adm-dash-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.adm-dash-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;text-decoration:none;transition:all .15s;display:flex}.adm-dash-card:hover{border-color:var(--nb-am);background:#1a1700}.adm-dash-card i{color:var(--nb-am);font-size:24px}.adm-dash-title{color:#fff;font-size:14px;font-weight:600}.adm-dash-sub{color:var(--muted);font-size:11px}