@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root,[data-theme=dark]{--bg:#0e0e12;--bg-card:#16161d;--bg-surface:#1c1c26;--bg-hover:#22222e;--nav-bg:#0a0a0e;--nav-border:#1e1e2c;--accent:#e8612a;--accent-hover:#f07040;--accent-dim:#e8612a26;--accent-dim2:#e8612a14;--secondary:#39b4f5;--secondary-dim:#39b4f51f;--success:#2ecc7a;--success-dim:#2ecc7a1f;--danger:#e84040;--danger-dim:#e840401f;--warning:#f0b429;--warning-dim:#f0b4291f;--text-primary:#eae9e2;--text-secondary:#9a9aaa;--text-muted:#55556a;--border:#252532;--border-strong:#3a3a4c;--radius:8px;--radius-lg:12px;--font-ui:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif}[data-theme=light]{--bg:#f4f4f7;--bg-card:#fff;--bg-surface:#f0f0f4;--bg-hover:#e8e8ee;--nav-bg:#fff;--nav-border:#e2e2ea;--accent:#d4541f;--accent-hover:#c04818;--accent-dim:#d4541f1a;--accent-dim2:#d4541f0d;--secondary:#2196f3;--secondary-dim:#2196f31a;--success:#1ea85e;--success-dim:#1ea85e1a;--danger:#d32f2f;--danger-dim:#d32f2f1a;--warning:#e6a817;--warning-dim:#e6a8171a;--text-primary:#1a1a2e;--text-secondary:#5a5a72;--text-muted:#9a9ab0;--border:#dcdce5;--border-strong:#c4c4d0}*,:before,:after{box-sizing:border-box;border:0 solid}html{-webkit-text-size-adjust:100%;font-family:var(--font-body);scroll-behavior:smooth;background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.5}body{font-family:var(--font-body);line-height:inherit;background:var(--bg);color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);color:var(--text-primary);margin:0;font-weight:600}p{margin:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-card);color:var(--text-primary)}pre{background:var(--bg-surface);border-radius:var(--radius);color:var(--text-secondary);border:1px solid var(--border);margin:0;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}code{background:var(--bg-surface);color:var(--secondary);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em}svg{vertical-align:middle;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.shadow{box-shadow:0 4px 24px #0006}.rounded{border-radius:var(--radius-lg)}.mobile-hero-card,.pull-indicator{display:none}.desktop-only{display:initial}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:initial!important}.app-sidebar{display:none!important}.app-main{padding:1rem .75rem 5rem!important}.app-bottomnav{background:var(--nav-bg);border-top:1px solid var(--nav-border);z-index:40;justify-content:space-around;align-items:center;padding:.35rem 0;position:fixed;bottom:0;left:0;right:0;display:flex!important}.app-topbar{display:flex!important}.app-main{padding-top:calc(52px + 1rem)!important}table{white-space:nowrap;display:block;overflow-x:auto}thead,tbody,tr{table-layout:auto;width:100%;display:table}.grid-responsive{grid-template-columns:1fr!important}.pull-indicator{justify-content:center;align-items:center;display:flex;overflow:hidden}.ocr-modal-overlay{align-items:flex-end!important;padding:0!important}.ocr-modal-panel{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:20px 20px 0 0!important;max-width:100%!important;max-height:95dvh!important}.ocr-hide-mobile{display:none!important}.ocr-table{overflow-x:visible!important}.ocr-table thead{display:none!important}.ocr-table tbody{flex-direction:column!important;gap:.4rem!important;padding:.5rem!important;display:flex!important}.ocr-table tr{border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-sizing:border-box!important;flex-wrap:wrap!important;align-items:center!important;gap:.25rem!important;width:auto!important;padding:.5rem!important;display:flex!important}.ocr-table td{white-space:normal!important;border:none!important;min-width:0!important;padding:.15rem 0!important;display:block!important}.ocr-col-name,.ocr-col-ingredient{flex:100%!important}.ocr-col-unit{flex:0 0 72px!important}.ocr-col-qty,.ocr-col-price{flex:0 0 80px!important}.ocr-col-action{flex:none!important;align-self:center!important;margin-left:auto!important}.admin-btn-group{width:100%!important;margin-left:0!important}.admin-btn-group>button{flex:1!important}.stat-row{flex-wrap:wrap!important;gap:.5rem!important}.stat-row>*{flex:calc(50% - .25rem)!important;min-width:0!important}.stat-card{padding:.75rem 1rem!important}.stat-card .stat-value{font-size:1.1rem!important}.stat-card .stat-label{font-size:.7rem!important}.mobile-hero-card{display:block!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sk-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sk{background:linear-gradient(90deg,var(--bg-surface)25%,var(--bg-hover)50%,var(--bg-surface)75%);background-size:1200px 100%;border-radius:6px;animation:1.6s linear infinite sk-shimmer;display:inline-block}@keyframes nav-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes nav-badge-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.nav-badge-dot{border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite nav-badge-pulse;display:block;position:absolute;top:-2px;right:-3px}.nav-badge-dot:after{content:"";border:2px solid;border-radius:50%;animation:1.8s ease-out infinite nav-badge-ring;position:absolute;inset:-3px}.nav-badge-dot--orange{color:#f59e0b;background:#f59e0b}