*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-page);color:var(--text-primary);overscroll-behavior:none}:root{--accent: #FF6B35;--accent-light: #FFF0EA;--accent-dark: #E5521C;--bg-page: #FFF8F4;--bg-sidebar: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #FFF0EA;--bg-input: #F7F7F7;--text-primary: #1C1C1E;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border: #F0EDE9;--border-focus: #FF6B35;--shadow-card: 0 2px 12px rgba(0,0,0,.06);--shadow-md: 0 4px 24px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.14);--radius-card: 18px;--radius-btn: 12px;--radius-input: 10px;--sidebar-w: 220px;--topbar-h: 64px;--nav-h: 64px;--status-placed: #3B82F6;--status-preparing: #F59E0B;--status-ready: #10B981;--status-completed: #6B7280;--status-cancelled: #EF4444;--veg-color: #22C55E;--nonveg-color: #EF4444}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:transform .12s ease,opacity .12s ease}button:active{transform:scale(.96)}input,textarea,select{font-family:inherit;outline:none}img{display:block;max-width:100%}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .2s ease both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f4f4f4 25%,#e8e8e8,#f4f4f4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge--placed{background:#eff6ff;color:var(--status-placed)}.status-badge--preparing{background:#fffbeb;color:var(--status-preparing)}.status-badge--ready{background:#ecfdf5;color:var(--status-ready)}.status-badge--completed{background:#f3f4f6;color:var(--status-completed)}.status-badge--cancelled{background:#fef2f2;color:var(--status-cancelled)}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px;border:1px solid var(--border)}.card__title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.card__value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.card__sub{font-size:.78rem;color:var(--text-secondary);margin-top:4px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:11px 14px;border-radius:var(--radius-input);border:1.5px solid var(--border);background:var(--bg-input);font-size:.875rem;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6b351f;background:#fff}.form-textarea{resize:vertical;min-height:80px}.btn-primary{background:var(--accent);color:#fff;padding:11px 20px;border-radius:var(--radius-btn);font-size:.875rem;font-weight:700;box-shadow:0 4px 12px #ff6b354d;transition:transform .12s ease,box-shadow .12s ease}.btn-primary:hover{box-shadow:0 6px 18px #ff6b3559}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--border);color:var(--text-secondary);padding:11px 20px;border-radius:var(--radius-btn);font-size:.875rem;font-weight:600}.btn-danger{background:#fef2f2;color:#ef4444;padding:8px 14px;border-radius:var(--radius-btn);font-size:.8rem;font-weight:600;border:1.5px solid #FECACA}.toggle{position:relative;display:inline-block;width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:100px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:20}.app-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-page)}.app-topbar{height:var(--topbar-h);flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10}.app-content{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.app-layout{flex-direction:column}.app-sidebar{display:none}.app-main{padding-bottom:var(--nav-h)}.app-topbar{padding:0 16px}.app-content{padding:16px}}