*{box-sizing:border-box}#root,body,html{background:#f8fafc;color:#0f172a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100%;padding:0}button,input,select,textarea{font:inherit}:root{--primary:#0f172a;--primary-2:#2563eb;--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--success:#166534;--warning:#92400e;--danger:#991b1b;--sidebar-grad-1:#0f172a;--sidebar-grad-2:#111827}.login-page{align-items:center;background:linear-gradient(135deg,#0f1e3d,#1a2f5e 60%,#c0392b);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0000004d;max-width:420px;padding:48px 40px;text-align:center;width:100%}.login-brand{margin-bottom:32px}.login-logo-circle{align-items:center;background:linear-gradient(135deg,#1a2f5e,#c0392b);border-radius:18px;color:#fff;display:flex;font-size:2rem;font-weight:800;height:72px;justify-content:center;letter-spacing:-1px;margin:0 auto 16px;width:72px}.login-title{color:#1a2f5e;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.login-subtitle{color:#888;font-size:.82rem;margin:0}.login-divider{align-items:center;display:flex;gap:12px;margin:28px 0}.login-divider:after,.login-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.login-divider span{color:#aaa;font-size:.75rem;white-space:nowrap}.login-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:12px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease;width:100%}.login-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn-o365{background:#0078d4;color:#fff}.login-btn-o365:hover{background:#006cc1}.login-btn-google{background:#fff;border:1.5px solid #dadce0;color:#3c4043}.login-btn-google:hover{background:#f8f9fa;border-color:#bbb}.login-btn-icon{flex-shrink:0;height:22px;width:22px}.login-btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-btn-google .login-btn-spinner{border-color:#0078d4 #0003 #0003}@keyframes spin{to{transform:rotate(1turn)}}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.85rem;margin-top:16px;padding:12px 16px;text-align:left}.login-footer{color:#bbb;font-size:.72rem;line-height:1.5;margin-top:28px}.login-footer strong{color:#888}@media (max-width:480px){.login-card{padding:36px 24px}}.dr-layout{background:#f8fafc}.dr-layout,.dr-sidebar{display:flex;min-height:100vh}.dr-sidebar{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;flex-direction:column;gap:10px;padding:18px 14px;width:260px}.dr-sidebar-brand{align-items:center;background:#ffffff14;border-radius:18px;cursor:pointer;display:flex;gap:12px;padding:14px 12px}.dr-sidebar-badge{background:linear-gradient(135deg,#f59e0b,#fb7185);border-radius:14px;color:#111827;display:grid;font-size:18px;font-weight:900;height:44px;place-items:center;width:44px}.dr-sidebar-title{font-weight:900}.dr-sidebar-subtitle{color:#ffffffbf;font-size:12px}.dr-side-btn,.dr-side-logout{align-items:center;background:#0000;border:0;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-weight:800;gap:10px;padding:13px 14px;width:100%}.dr-side-btn:hover,.dr-side-logout:hover{background:#ffffff14}.dr-side-active{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.dr-sidebar-spacer{flex:1 1}.dr-side-logout{background:#ef444429}.dr-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.dr-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:22px 24px}.dr-page-title{color:#0f172a;font-size:28px;font-weight:950;margin:0}.dr-page-subtitle{color:#64748b;font-weight:600;margin:6px 0 0}.dr-user-box{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;display:flex;gap:12px;padding:10px 14px}.dr-user-avatar{background:linear-gradient(135deg,#0f172a,#2563eb);border-radius:50%;color:#fff;display:grid;font-size:18px;font-weight:900;height:46px;place-items:center;width:46px}.dr-user-name{color:#0f172a;font-weight:900}.dr-user-cart-count,.dr-user-email{color:#64748b;font-size:13px}.dr-content{padding:24px}.timer-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;color:#92400e;font-weight:800;margin-bottom:18px;padding:14px 16px}.menu-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:24px;color:#fff;margin-bottom:20px;padding:24px}.menu-hero h2{font-size:34px;font-weight:950;margin:0 0 8px}.menu-hero p{margin:0;max-width:760px;opacity:.92}.food-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(220px,1fr))}.food-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 34px #0f172a0f;overflow:hidden}.food-card-image{height:190px;object-fit:cover;width:100%}.food-card-body{padding:16px}.food-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.food-card-header h3{color:#0f172a;font-size:19px;margin:0}.food-card-price{color:#1d4ed8;font-weight:900;white-space:nowrap}.food-card-description{color:#64748b;line-height:1.6;margin:10px 0;min-height:44px}.food-card-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.food-add-btn{background:linear-gradient(135deg,#0f172a,#2563eb);border:0;border-radius:14px;color:#fff;cursor:pointer;font-weight:800;padding:12px 16px;width:100%}.food-add-btn:hover{opacity:.95}.status-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:900;padding:8px 12px}.status-success{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-default{background:#e2e8f0;color:#334155}@media (max-width:1100px){.food-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.dr-layout{flex-direction:column}.dr-sidebar{min-height:auto;width:100%}.dr-topbar{align-items:flex-start;flex-direction:column}.food-grid{grid-template-columns:1fr}}