:root{--color-bg: #020713;--color-bg-card: #040d24;--color-bg-glass: rgba(4, 13, 36, .85);--color-primary: #0052d4;--color-accent-gold: #c9a84c;--color-text-main: #e8eeff;--color-text-muted: #6a7fa8;--color-border: rgba(255, 255, 255, .07);--color-success: #4ade80;--color-danger: #ef4444;--color-warning: #fbbf24;--color-purple: #a78bfa;font-family:Inter,sans-serif;color:var(--color-text-main);background:var(--color-bg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;margin:0}.app-shell{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.glass-panel{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:16px;backdrop-filter:blur(20px)}.btn-gold{background:linear-gradient(135deg,#c9a84c,#a07a30);color:#020713;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:800;cursor:pointer;transition:all .2s}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-gold:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff0a;border:1px solid var(--color-border);border-radius:10px;padding:.5rem 1rem;color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-weight:600}.btn-ghost:hover{background:#ffffff14;color:#fff}.status-badge{border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:800;letter-spacing:.3px;white-space:nowrap}.input-field{background:#ffffff0a;border:1px solid var(--color-border);border-radius:10px;padding:.7rem 1rem;color:#fff;outline:none;width:100%;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .2s}.input-field:focus{border-color:var(--color-primary)}.nav-tab{display:flex;align-items:center;gap:8px;padding:.6rem 1rem;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s;white-space:nowrap}.nav-tab.active{background:#0052d426;color:var(--color-primary);border:1px solid rgba(0,82,212,.3)}.kpi-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem;position:relative;overflow:hidden}.order-card{background:#ffffff05;border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;transition:all .2s}.order-card:hover{border-color:#ffffff1f;background:#ffffff08}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}tr:last-child td{border-bottom:none}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.toast{animation:slideInRight .35s ease forwards}.toast-exit{animation:slideOutRight .35s ease forwards}@keyframes flashNew{0%,to{opacity:1}50%{opacity:.3}}.flash-new{animation:flashNew .8s infinite}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:24px;background:#ffffff1a;transition:all .2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:all .2s}input:checked+.toggle-slider{background:var(--color-success)}input:checked+.toggle-slider:before{transform:translate(20px)}@media (max-width: 768px){.sidebar-desktop{display:none!important}.bottom-nav{display:flex!important}}@media (min-width: 769px){.bottom-nav{display:none!important}}