@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root,[data-theme=dark]{--bg-base:#0f1117;--bg-sidebar:#13151f;--bg-card:#1a1d2e;--bg-surface:#1e2235;--bg-elevated:#252840;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#f0f2ff;--text-secondary:#b8bccc;--text-muted:#6b7089;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f11f;--accent-bg:#6366f126;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#3b82f6;--info-bg:#3b82f61f;--gradient-brand:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-warm:linear-gradient(135deg,#f59e0b,#d97706);--gradient-sidebar:linear-gradient(180deg,#13151f,#0f1117);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}[data-theme=light]{--bg-base:#f4f6fb;--bg-sidebar:#fff;--bg-card:#fff;--bg-surface:#f8faff;--bg-elevated:#eef1f8;--border:#00000014;--border-strong:#00000026;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#6366f1;--accent-light:#4f46e5;--accent-glow:#6366f114;--accent-bg:#6366f11a;--success:#059669;--success-bg:#0596691a;--warning:#d97706;--warning-bg:#d977061a;--danger:#dc2626;--danger-bg:#dc26261a;--info:#2563eb;--info-bg:#2563eb1a;--gradient-sidebar:linear-gradient(180deg,#fff,#f8faff);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}*,:after,:before{margin:0;padding:0}body{background:#0f1117;background:var(--bg-base);color:#f0f2ff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font-family:inherit;font-size:14px}.loading-screen{background:#0f1117}::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--border-strong);border-radius:3px}.unified-login-root{background:#0f1117;background:var(--bg-base)}.login-bg-orbs{inset:0;pointer-events:none;position:absolute;z-index:0}.orb{animation:orbFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:#6366f1;height:400px;left:-120px;top:-120px;width:400px}.orb-2{animation-delay:-3s;background:#8b5cf6;bottom:-80px;height:300px;right:-80px;width:300px}.orb-3{animation-delay:-5s;background:#3b82f6;height:250px;left:60%;top:50%;width:250px}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-theme-btn{align-items:center;background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:50%;box-shadow:0 4px 16px #00000080;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s;width:42px;z-index:10}.login-theme-btn:hover{transform:scale(1.1)}.unified-login-card{animation:cardIn .5s cubic-bezier(.34,1.56,.64,1);background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff26;border:1px solid var(--border-strong);box-shadow:0 8px 32px #0009,0 0 60px #6366f11a;box-shadow:var(--shadow-lg),0 0 60px #6366f11a;padding:40px 40px 32px}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.unified-login-brand{margin-bottom:24px;text-align:center}.brand-badge{align-items:center;border-radius:20px;box-shadow:0 8px 24px #6366f166;display:flex;height:70px;justify-content:center;margin:0 auto 14px;width:70px}.brand-badge,.brand-title{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand)}.brand-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.5px}.brand-sub{color:#6b7089;color:var(--text-muted);font-size:13px;margin-top:4px}.role-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:18px}.role-pill{align-items:center;background:#1e2235;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;color:#b8bccc;color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.role-pill-label{display:none}@media(min-width:380px){.role-pill-label{display:inline}}.login-hint{color:#6b7089;color:var(--text-muted);font-size:12px;margin-bottom:18px;text-align:center}.login-error-banner{align-items:center;animation:shake .4s ease;background:#ef44441f;background:var(--danger-bg);border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:10px 14px}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.unified-login-form{display:flex;flex-direction:column;gap:14px}.login-field label{color:#b8bccc;color:var(--text-secondary);display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap .input-icon{font-size:16px;left:12px;pointer-events:none;position:absolute;z-index:1}.login-input-wrap input{background:#1e2235;background:var(--bg-surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f2ff;color:var(--text-primary);outline:none;padding:12px 40px;transition:all .2s;width:100%}.login-input-wrap input:focus{background:#1a1d2e;background:var(--bg-card);border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;box-shadow:0 0 0 3px var(--accent-glow)}.pass-toggle{background:none;border:none;border-radius:4px;color:#6b7089;color:var(--text-muted);cursor:pointer;font-size:15px;padding:4px;position:absolute;right:10px}.login-submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;padding:13px;transition:all .2s;width:100%}.login-submit-btn:hover:not(:disabled){box-shadow:0 6px 24px #6366f180;transform:translateY(-1px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.login-footer-note{border-top:1px solid #ffffff14;border-top:1px solid var(--border);color:#6b7089;color:var(--text-muted);font-size:11px;margin-top:18px;padding-top:14px;text-align:center}.dashboard{background:#0f1117}.sidebar{background:linear-gradient(180deg,#13151f,#0f1117);background:var(--gradient-sidebar);border-right:1px solid #ffffff14;min-height:100vh}.sidebar-brand{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:22px 18px 18px}.brand-logo{align-items:center;display:flex;gap:10px;margin-bottom:8px}.brand-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800;letter-spacing:-.3px}.logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand);border-radius:9px;box-shadow:0 4px 12px #6366f159;display:flex;flex-shrink:0;font-size:17px;height:36px;justify-content:center;width:36px}.restaurant-name{color:#b8bccc;color:var(--text-secondary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-role{color:#6b7089;color:var(--text-muted);font-size:11px;margin-top:1px}.sidebar nav{flex:1 1;overflow-y:auto;padding:10px 8px}.nav-section-label{color:#6b7089;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px;padding:12px 10px 5px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#b8bccc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;padding:9px 11px;position:relative;text-align:left;transition:all .15s;width:100%}.nav-item:hover{background:#6366f11f;background:var(--accent-glow);color:#f0f2ff;color:var(--text-primary)}.nav-item.active{background:#6366f126;background:var(--accent-bg);color:#818cf8;color:var(--accent-light);font-weight:600}.nav-item.active:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand);border-radius:0 3px 3px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.nav-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.nav-badge{animation:badgePulse 2s ease-in-out infinite;background:#ef4444;background:var(--danger);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:2px 7px;text-align:center}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.sidebar-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding:10px 8px}.user-info{background:#1e2235;background:var(--bg-surface);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:4px;padding:10px 11px}.user-name{font-size:13px;font-weight:600}.user-role{color:#6b7089;color:var(--text-muted);font-size:11px;margin-top:1px;text-transform:capitalize}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:22px 26px 0}.page-header h1{font-size:21px;letter-spacing:-.5px}.page-header p{color:#6b7089;font-size:13px}.page-body{flex:1 1;padding:18px 26px 28px}.page-body.flex-center{align-items:center;display:flex;justify-content:center;min-height:300px}.notif-bell-wrap{display:inline-flex;position:relative}.notif-count{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#ef4444;background:var(--danger);border:2px solid #0f1117;border:2px solid var(--bg-base);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:800;height:18px;justify-content:center;min-width:18px;position:absolute;right:-4px;top:-4px}.notif-dropdown{background:#1a1d2e;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px #0009;width:360px}.notif-header{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:13px 16px}.notif-header,.notif-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border)}.notif-item{cursor:pointer;padding:11px 16px;transition:background .15s}.notif-item:hover{background:#1e2235;background:var(--bg-surface)}.notif-item.unread{background:#6366f11f;background:var(--accent-glow)}.notif-item-title{font-size:13px;font-weight:600;margin-bottom:2px}.notif-item-msg{font-size:12px;line-height:1.4}.notif-item-msg,.notif-item-time{color:#6b7089;color:var(--text-muted)}.notif-item-time{font-size:11px;margin-top:3px}.notif-empty{color:#6b7089;color:var(--text-muted);font-size:13px;padding:28px 16px;text-align:center}.card{background:#1a1d2e;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm)}.card.mt-16{margin-top:16px}.section-title{color:#b8bccc}.stats-grid{grid-gap:13px;gap:13px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));margin-bottom:18px}.stat-card{background:#1a1d2e;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm);transition:all .2s}.stat-card:hover{border-color:#ffffff26;border-color:var(--border-strong);box-shadow:0 4px 16px #00000080}.stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}.stat-label{color:#6b7089;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.stat-value{font-size:22px;letter-spacing:-1px}.stat-value.success{color:#10b981;color:var(--success)}.stat-value.warning{color:#f59e0b;color:var(--warning)}.stat-value.danger{color:#ef4444;color:var(--danger)}.stat-value.accent{color:#818cf8;color:var(--accent-light)}.stat-value.info{color:#3b82f6;color:var(--info)}.btn{border-radius:8px;border-radius:var(--radius-sm);padding:9px 16px;transition:all .2s}.btn:disabled{transform:none!important}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-brand);box-shadow:0 2px 8px #6366f159;color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);box-shadow:0 2px 8px #10b9814d;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger);box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warm);color:#fff}.btn-secondary{background:#1e2235;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border);color:#f0f2ff;color:var(--text-primary)}.btn-ghost{background:#0000;color:#b8bccc;color:var(--text-secondary)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #6366f173;transform:translateY(-1px)}.btn-danger:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-warning:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#252840;background:var(--bg-elevated)}.btn-ghost:hover:not(:disabled){background:#1e2235;background:var(--bg-surface);color:#f0f2ff;color:var(--text-primary)}.btn-sm{border-radius:6px;padding:6px 12px}.btn-lg{border-radius:10px;padding:13px 24px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#6366f1;border:3px solid var(--border);height:30px;width:30px}.spinner-sm{height:13px;width:13px}.form-group{gap:5px}.form-group label{color:#b8bccc;letter-spacing:.4px}input,select,textarea{background:#1e2235;background:var(--bg-surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f2ff;color:var(--text-primary);outline:none;padding:9px 12px;transition:all .2s;width:100%}input:focus,select:focus,textarea:focus{background:#1a1d2e;background:var(--bg-card);border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;box-shadow:0 0 0 3px var(--accent-glow)}textarea{min-height:75px;resize:vertical}select option{background:#1a1d2e;background:var(--bg-card)}input[type=file]{color:#b8bccc;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:7px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.table-wrap{border:1px solid #ffffff14;border-radius:var(--radius-md)}table{border-collapse:collapse;font-size:13px;width:100%}thead{background:#1e2235;background:var(--bg-surface)}thead th{color:#6b7089;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.6px;padding:10px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody tr,thead th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#1e2235;background:var(--bg-surface)}td{padding:11px 13px;vertical-align:middle}.attendance-row-present{background:#10b9810a}.badge{font-size:10px;letter-spacing:.3px;text-transform:uppercase}.badge-pending{background:#f59e0b1f;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.badge-preparing{background:#3b82f61f;background:var(--info-bg);color:#3b82f6;color:var(--info)}.badge-served{background:#10b9811f;background:var(--success-bg)}.badge-paid,.badge-served{color:#10b981;color:var(--success)}.badge-paid{background:#10b98133}.badge-closed{background:#1e2235;background:var(--bg-surface);color:#6b7089;color:var(--text-muted)}.badge-credit{background:#8b5cf626;color:#a78bfa}.badge-active{background:#10b9811f;background:var(--success-bg);color:#10b981;color:var(--success)}.badge-inactive{background:#ef44441f;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.badge-admin{background:#6366f126;background:var(--accent-bg);color:#818cf8;color:var(--accent-light)}.badge-waiter{background:#f59e0b1f;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.badge-kitchen{background:#ef44441f;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.badge-cashcounter{background:#10b9811f;background:var(--success-bg);color:#10b981;color:var(--success)}.modal-overlay{animation:fadeIn .15s ease;background:#000000b3;padding:20px;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#1a1d2e;border:1px solid #ffffff26;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0009;max-width:500px}.modal-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);font-size:15px;font-weight:700;justify-content:space-between;padding:16px 18px}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background:#1e2235;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#6b7089;color:var(--text-muted);cursor:pointer;font-size:12px;height:27px;justify-content:center;transition:all .15s;width:27px}.modal-close:hover{background:#ef44441f;background:var(--danger-bg);border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.modal-body{display:flex;flex-direction:column;gap:13px;padding:18px}.modal-footer{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:9px;justify-content:flex-end;padding:14px 18px}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:7px;padding:10px 13px}.alert-error{background:#ef44441f;border:1px solid #ef444440;color:#ef4444}.alert-warning{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b}.alert-success{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.alert-info{background:#3b82f61f;border:1px solid #3b82f640;color:#3b82f6}.empty-state{gap:9px;padding:55px 20px}.empty-icon{font-size:46px;margin-bottom:3px;opacity:.45}.empty-state h3{color:#b8bccc;font-size:15px}.empty-state p{color:#6b7089;color:var(--text-muted)}.divider{background:#ffffff14;background:var(--border);height:1px;margin:11px 0}.theme-toggle{background:#1e2235;background:var(--bg-surface);border:1px solid #ffffff14;border-radius:8px;color:#b8bccc;gap:6px;padding:6px 10px}.theme-toggle:hover{background:#252840;background:var(--bg-elevated);color:#f0f2ff;color:var(--text-primary)}.toggle-track{background:#ffffff26;border-radius:7px;height:13px;width:24px}.toggle-thumb{background:#6366f1;background:var(--accent);height:9px;transition:left .2s;width:9px}[data-theme=dark] .toggle-thumb{left:13px}.kitchen-card{background:#1a1d2e;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm);transition:all .2s}.kitchen-card:hover{box-shadow:0 4px 16px #00000080;transform:translateY(-1px)}.kitchen-card.status-pending{border-top:3px solid #f59e0b;border-top:3px solid var(--warning)}.kitchen-card.status-preparing{border-top:3px solid #3b82f6;border-top:3px solid var(--info)}.kitchen-card-header{align-items:center;padding:13px 15px 9px}.kitchen-card-body{display:flex;flex-direction:column;gap:5px;padding:0 15px 11px}.kitchen-card-footer{border-top:1px solid #ffffff14;padding:9px 15px 13px}.kitchen-item{background:#1e2235;background:var(--bg-surface);border-radius:7px;font-size:13px;padding:6px 9px}.kitchen-item-qty{color:#818cf8;color:var(--accent-light)}.table-tile{background:#1a1d2e;background:var(--bg-card);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm);cursor:pointer;padding:14px;text-align:center;transition:all .2s}.table-tile:hover{box-shadow:0 4px 16px #00000080;box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-tile.available{border-color:#10b9814d}.table-tile.occupied{background:#f59e0b0d;border-color:#f59e0b66}.tile-num{font-size:19px;font-weight:800;letter-spacing:-1px}.tile-status{font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.table-tile.available .tile-status{color:#10b981;color:var(--success)}.table-tile.occupied .tile-status{color:#f59e0b;color:var(--warning)}.order-panel{background:#1e2235;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);overflow:hidden}.order-panel-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:13px 15px}.order-items-list{display:flex;flex-direction:column;gap:4px;padding:7px 11px}.order-item-row{background:#1a1d2e;background:var(--bg-card);border-radius:7px;padding:7px 8px}.order-item-row,.order-total-bar{align-items:center;display:flex;justify-content:space-between}.order-total-bar{background:#252840;background:var(--bg-elevated);font-size:15px;font-weight:800;padding:13px 15px}.pnl-summary{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}@media(max-width:700px){.pnl-summary{grid-template-columns:1fr}}.pnl-card{background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);padding:18px}.pnl-label{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}.pnl-amount{font-size:24px;font-weight:800;letter-spacing:-1px}.restaurants-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.restaurant-card{background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm);padding:18px;transition:all .2s}.restaurant-card:hover{border-color:#ffffff26;border-color:var(--border-strong);box-shadow:0 4px 16px #00000080;box-shadow:var(--shadow-md)}.restaurant-card-header{align-items:flex-start;display:flex;gap:11px;justify-content:space-between;margin-bottom:11px}.restaurant-name-big{font-size:15px;font-weight:700}.restaurant-meta{color:#6b7089;color:var(--text-muted);font-size:12px;margin-top:2px}.sub-badge{border-radius:20px;font-size:10px;font-weight:700;padding:3px 9px;white-space:nowrap}.sub-active{background:#10b9811f;background:var(--success-bg);color:#10b981;color:var(--success)}.sub-expiring{background:#f59e0b1f;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.sub-expired{background:#ef44441f;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.credit-card{background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);padding:15px 17px;transition:all .2s}.credit-card.overdue{background:#ef444408;border-color:#ef444459}.credit-card.received{opacity:.55}.insight-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.insight-card{background:#1a1d2e;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);padding:16px}.insight-title{color:#6b7089;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:11px;text-transform:uppercase}.flex-between{align-items:center;display:flex;justify-content:space-between}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.receipt-thermal{background:#fff;box-sizing:border-box;color:#111;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.35;margin:0 auto;padding:6mm 4mm;width:72mm}.receipt-restaurant-name{font-size:16px;font-weight:800;letter-spacing:1px;margin-bottom:2px;text-align:center;text-transform:uppercase}.receipt-meta{color:#555;font-size:10px;text-align:center}.receipt-divider-dashed{border:none;border-top:1px dashed #bbb;margin:6px 0}.receipt-divider-light{border:none;border-top:1px solid #eee;margin:4px 0}.receipt-info-grid{grid-gap:2px 8px;display:grid;font-size:11px;gap:2px 8px;grid-template-columns:auto 1fr}.receipt-label{color:#666}.receipt-value{font-weight:600}.receipt-item-row{display:flex;font-size:12px;justify-content:space-between;margin:2px 0}.receipt-item-name{flex:1 1}.receipt-item-price{font-weight:600}.receipt-total-row{display:flex;font-size:12px;justify-content:space-between;padding:2px 0}.receipt-grand-total{border-top:2px solid #111;font-size:15px;font-weight:900;margin-top:6px;padding-top:6px}.receipt-footer{color:#666;font-size:10px;margin-top:8px;text-align:center}@media print{@page{size:80mm auto;margin:0}body,html{background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.receipt-thermal{box-shadow:none!important;margin:0!important;padding:4mm!important;page-break-inside:avoid;width:72mm!important}.receipt-footer{page-break-after:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media screen{.print-only{display:none!important}}:root,[data-theme=dark]{--sidebar-w:240px;--topbar-h:52px;--transition-sidebar:transform 0.28s cubic-bezier(0.4,0,0.2,1);--shadow-glow:0 0 20px #6366f140;--border-focus:var(--accent);--bg-hover:#ffffff0a;--border-md:#ffffff1a;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=light]{--bg-hover:#0000000a;--border-md:#0000001a;--shadow-glow:0 0 20px #6366f126}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video{height:auto;max-width:100%}.dashboard,.kitchen-root,.login-page,.unified-login-root{padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.btn,.nav-item,.restaurant-name,.stat-label,.stat-value,.user-name{overflow:hidden;text-overflow:ellipsis}.brand-role,.nav-item,.stat-value{white-space:normal}:focus-visible{border-radius:4px;outline:2px solid var(--accent);outline-offset:2px}.btn,.kitchen-card,.menu-card,.nav-item,.stat-card,.table-tile,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)!important}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-md);border-radius:10px}::-webkit-scrollbar-corner{background:#0000}.main-content,.modal,.page-body,.sidebar{scrollbar-color:#ffffff1a #0000;scrollbar-color:var(--border-md) #0000;scrollbar-width:thin}.page-header h1{font-size:clamp(17px,2.5vw,22px);font-weight:800;letter-spacing:-.4px;line-height:1.2}.page-header p{color:var(--text-muted);font-size:clamp(11px,1.5vw,13px);margin-top:2px}.stat-value{font-size:clamp(18px,3vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1}.unified-login-root{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));position:relative}.unified-login-card{border-radius:24px;max-width:440px;padding:36px 32px 28px;position:relative;width:100%;z-index:1}@media (max-width:479px){.unified-login-card{border-radius:20px;max-width:100%;padding:28px 20px 24px}.brand-badge{height:56px;width:56px}.brand-title{font-size:22px!important}.login-submit-btn{font-size:15px!important;min-height:50px;padding:14px!important}.login-input-wrap input{font-size:15px!important;min-height:48px;padding:13px 40px!important}.login-theme-btn{right:12px;top:12px}.orb-1{height:200px;width:200px}.orb-2{height:160px;width:160px}.orb-3{height:130px;width:130px}}.dashboard{background:var(--bg-base);display:flex;min-height:100vh;position:relative}.sidebar{background:var(--bg-card);background:var(--bg-sidebar,var(--bg-card));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;overflow-x:hidden;position:sticky;top:0;transition:transform .28s cubic-bezier(.4,0,.2,1);transition:var(--transition-sidebar);width:240px;width:var(--sidebar-w);z-index:200}.main-content,.sidebar{display:flex;height:100vh;overflow-y:auto}.main-content{flex:1 1;flex-direction:column;min-width:0}.sidebar-close-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:none;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s;width:32px;z-index:10}.sidebar-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .28s ease;z-index:199}.sidebar-overlay.visible{opacity:1;pointer-events:all}.sidebar-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:40px;justify-content:center;min-height:40px;transition:all .15s;width:40px}.sidebar-toggle:hover{background:var(--accent-bg);border-color:var(--accent)}.mobile-topbar{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:none;flex-shrink:0;gap:10px;justify-content:space-between;min-height:52px;min-height:var(--topbar-h);padding:max(10px,env(safe-area-inset-top)) 14px 10px;position:sticky;top:0;z-index:100}.mobile-topbar-title{flex:1 1;font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.notif-mobile-btn{padding:6px!important;position:relative}@media (min-width:768px) and (max-width:1023px){.sidebar{width:200px}.nav-item{font-size:12px;padding:8px 10px}.sidebar-brand{padding:16px 14px 14px}.brand-logo h2{font-size:14px}}@media (max-width:767px){.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar-close-btn,.sidebar-toggle{display:flex}.sidebar{box-shadow:var(--shadow-lg);height:100%;left:0;max-width:85vw;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:200}.sidebar.open{transform:translateX(0)}.main-content{height:100vh;width:100%}.page-header{gap:10px;padding:16px 16px 0}.page-header>div:last-child{flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.page-body{padding:14px 16px 24px}}@media (max-width:479px){.sidebar{width:260px}.page-header{padding:12px 12px 0}.page-body{padding:12px 12px 20px}}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}@media (max-width:767px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:359px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:5px;padding:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px}@media (max-width:479px){.card{border-radius:12px;padding:14px}}.section-title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;line-height:1;min-height:40px;padding:10px 16px;touch-action:manipulation;transition:all .18s ease;white-space:nowrap}.btn-sm{border-radius:7px;font-size:12px;min-height:34px;padding:7px 12px}.btn-lg{border-radius:11px;font-size:15px;min-height:48px;padding:13px 22px}.btn:disabled{cursor:not-allowed;opacity:.55}@media (max-width:479px){.btn-block-xs{width:100%}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:none;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:9px;color:var(--text-primary);font-size:14px;min-height:42px;outline:none;padding:10px 13px;transition:border-color .15s,box-shadow .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-grid{grid-gap:12px;display:grid;gap:12px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:540px){.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px;overflow-x:auto;width:100%}.table-wrap table{border-collapse:collapse;font-size:13px;min-width:580px;width:100%}.table-wrap th{background:var(--bg-surface);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.table-wrap td,.table-wrap th{border-bottom:1px solid var(--border)}.table-wrap td{color:var(--text-primary);padding:11px 14px;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:#ffffff0a;background:var(--bg-hover)}@media (max-width:640px){.table-wrap td.col-hide-sm,.table-wrap th.col-hide-sm{display:none}}@media (max-width:480px){.table-wrap td.col-hide-xs,.table-wrap th.col-hide-xs{display:none}}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:540px){.modal-overlay{align-items:flex-end;padding:0}.modal{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);border-radius:24px 24px 0 0;max-height:92vh}@keyframes modalSlideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.notif-dropdown{animation:dropIn .2s ease;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));z-index:100}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:479px){.notif-bell-wrap{position:static}.notif-dropdown{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}}.filter-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll>*{flex-shrink:0}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:48px 20px;text-align:center}.empty-icon{font-size:44px;line-height:1}.empty-state h3{color:var(--text-secondary);font-size:clamp(16px,2.5vw,18px);font-weight:700}.empty-state p{font-size:13px;line-height:1.6;max-width:300px}@media (max-width:479px){.empty-state{padding:36px 16px}.empty-icon{font-size:36px}}.spinner{border:3px solid var(--border-strong);border-radius:50%;border-top-color:var(--accent);height:36px;margin:auto;width:36px}.spinner,.spinner-sm{animation:spin .7s linear infinite}.spinner-sm{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.kitchen-header{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.kitchen-header-left{align-items:center;display:flex;gap:12px}.kitchen-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.kitchen-stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;gap:12px;padding:6px 14px}.kitchen-header-controls{align-items:center;display:flex;gap:8px}.kitchen-section-title{margin-bottom:12px}@media (max-width:900px){.kitchen-header{padding:10px 16px}.kitchen-stats-bar{gap:10px;padding:5px 12px}}@media (max-width:600px){.kitchen-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 14px}.kitchen-header-right{justify-content:space-between;width:100%}.kitchen-stats-bar{flex:1 1;justify-content:space-around}.kitchen-header-controls{gap:6px}}.kitchen-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:768px) and (max-width:1100px){.kitchen-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.kitchen-grid{gap:12px;grid-template-columns:1fr}}.kitchen-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s}.kitchen-card:hover{box-shadow:var(--shadow-md)}.kitchen-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:10px 14px 6px}.kitchen-card-body{padding:6px 14px 8px}.kitchen-card-footer{border-top:1px solid var(--border);display:flex;gap:8px;padding:10px 14px 12px}.kitchen-card-footer .btn{flex:1 1;font-size:14px;min-height:44px}.kitchen-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:7px 0}.kitchen-item:last-child{border-bottom:none}.kitchen-item-name{font-size:14px;font-weight:600}.kitchen-item-qty{border-radius:8px;color:var(--text-primary);font-size:14px;min-width:36px;text-align:center}.kitchen-item-qty,.kitchen-timer{background:var(--bg-elevated);flex-shrink:0;font-weight:700;padding:4px 10px}.kitchen-timer{border-radius:20px;color:var(--text-muted);font-size:11px;white-space:nowrap}.kitchen-card.status-pending{border-left:3px solid var(--warning)}.kitchen-card.status-preparing{border-left:3px solid var(--info)}.animate-pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:767px){.waiter-main-layout{flex-direction:column!important}.table-grid,.waiter-table-grid{gap:8px!important;grid-template-columns:repeat(3,1fr)!important}.waiter-menu-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.waiter-order-panel{max-height:55vh;overflow-y:auto;width:100%!important}.table-tile{min-height:72px;padding:10px 6px!important}.tile-num{font-size:18px!important}}@media (max-width:479px){.table-grid,.waiter-table-grid{grid-template-columns:repeat(2,1fr)!important}}.cash-counter-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 380px;height:100vh;overflow:hidden}@media (max-width:1100px){.cash-counter-layout{grid-template-columns:1fr 320px}}@media (max-width:900px){.cash-counter-layout{grid-template-columns:1fr;height:auto;overflow:visible}}@media (max-width:767px){.cash-counter-sidebar{border-radius:22px 22px 0 0!important;bottom:0;box-shadow:0 -8px 40px #00000059!important;height:62vh!important;left:0;max-height:62vh!important;padding-bottom:env(safe-area-inset-bottom);position:fixed!important;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200}.cash-counter-sidebar.open{transform:translateY(0)}.cash-cart-fab{display:flex!important}}.cash-cart-fab{align-items:center;background:var(--gradient-brand);border:none;border-radius:50%;bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 4px 20px #6366f180;color:#fff;cursor:pointer;display:none;font-size:22px;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s,box-shadow .2s;width:56px;z-index:201}.cash-cart-fab:hover{box-shadow:0 6px 28px #6366f199;transform:scale(1.08)}.restaurants-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:767px){.restaurants-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:479px){.restaurants-grid{grid-template-columns:1fr}}.theme-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:7px;min-height:36px;padding:7px 12px;transition:all .2s;white-space:nowrap}.theme-toggle:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-light)}.toggle-track{background:var(--border-strong);border-radius:9px;height:17px;position:relative;transition:background .2s;width:30px}[data-theme=dark] .toggle-track{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:13px;left:2px;position:absolute;top:2px;transition:transform .2s;width:13px}[data-theme=dark] .toggle-thumb{transform:translateX(13px)}@media (max-width:479px){.theme-toggle span:last-child{display:none}.theme-toggle{padding:7px 9px}}.alert{border:1px solid #0000;border-radius:10px;font-size:13px;line-height:1.5;padding:11px 14px}.alert-error{background:var(--danger-bg);border-color:#ef44444d;color:var(--danger)}.alert-warning{background:var(--warning-bg);border-color:#f59e0b4d;color:var(--warning)}.alert-success{background:var(--success-bg);border-color:#10b9814d;color:var(--success)}.alert-info{background:var(--info-bg);border-color:#3b82f64d;color:var(--info)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 9px;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-accent{background:var(--accent-bg);color:var(--accent-light)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:479px){.subscription-inactive-card{border-radius:16px!important;margin:0 8px;padding:28px 20px!important}}@media print{.btn:not(.print-visible),.mobile-topbar,.modal-overlay,.notif-bell-wrap,.offline-banner,.sidebar,.sidebar-overlay,.sidebar-toggle,.theme-toggle{display:none!important}.main-content{height:auto;overflow:visible}.page-body{overflow:visible;padding:0}.dashboard{display:block}.table-wrap{border:none;overflow:visible}.table-wrap table{min-width:0}@page{margin:1cm}}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent-light)}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}}@media (min-width:1440px){:root{--sidebar-w:260px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-header{padding:26px 32px 0}.page-body{padding:22px 32px 36px}}@media (max-width:767px){[style*=flexWrap]{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}[style*=flexWrap]::-webkit-scrollbar{display:none}[style*="minmax(280px"]{grid-template-columns:1fr!important}[style*="minmax(160px"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.table-wrap table td:nth-child(5),.table-wrap table th:nth-child(5){display:none}.attendance-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}}.page-body{overflow-x:hidden}.nav-item{transition:background .15s,color .15s,transform .1s}.nav-item:active{transform:scale(.97)}.card,.kitchen-card,.menu-card,.stat-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.loading-screen{align-items:center;background:var(--bg-base);display:flex;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.c3a58eee.css.map*/