:root{--bg:#f5f7fb;--panel:#ffffff;--panel-2:#f8fafc;--text:#0f172a;--muted:#64748b;--border:rgba(15,23,42,.1);--primary:#2563eb;--primary-2:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--purple:#7c3aed;--shadow:0 10px 30px rgba(2,6,23,.08)}
html[data-theme="dark"]{--bg:#0b1220;--panel:#111a2e;--panel-2:rgba(255,255,255,.03);--text:#e8eefc;--muted:rgba(232,238,252,.72);--border:rgba(255,255,255,.08);--primary:#3b82f6;--primary-2:#60a5fa;--success:#22c55e;--danger:#ef4444;--warning:#fbbf24;--purple:#a78bfa;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg)!important;color:var(--text)!important;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}header,.card{background:var(--panel)!important;border-color:var(--border)!important;box-shadow:var(--shadow)}header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}h1,h2,h3{line-height:1.1}.sub,.muted{color:var(--muted)!important;opacity:1!important}.flash{background:var(--panel-2)!important;margin-bottom:10px;padding:10px 12px;border-radius:12px;font-size:13px}.success{border-left:3px solid var(--success)!important}.error{border-left:3px solid var(--danger)!important}a{color:var(--primary-2)!important;text-decoration:none}input,select,textarea{background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--border)!important;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;border:1px solid var(--border)}button,.btn{background:var(--primary)!important;display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:0;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px}.btn.danger,button.danger{background:var(--danger)!important}.btn.secondary,button.secondary{background:var(--panel-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}.chip{background:var(--panel-2)!important;border-color:var(--border)!important;color:var(--text)!important}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.wrap{padding:20px;max-width:1200px;margin:0 auto;display:grid;gap:16px}.card{border:1px solid var(--border);border-radius:20px;padding:16px}.topnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topnav a,.topnav button{padding:10px 12px;border-radius:12px;background:var(--panel-2)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.quick-card{padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--text)!important;min-height:88px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);box-shadow:var(--shadow)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.metric-value{font-size:32px;font-weight:800;margin-top:6px}.metric-note{font-size:13px;color:var(--muted);margin-top:6px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.status-grid.compact{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.status-card{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel-2)}.status-count{font-size:26px;font-weight:800;margin-top:8px}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);text-transform:capitalize}.status-draft{background:rgba(148,163,184,.14)!important;color:#94a3b8!important}.status-submitted{background:rgba(245,158,11,.16)!important;color:#d97706!important}.status-approved{background:rgba(59,130,246,.16)!important;color:#2563eb!important}.status-ordered{background:rgba(124,58,237,.16)!important;color:var(--purple)!important}.status-received{background:rgba(22,163,74,.16)!important;color:var(--success)!important}.status-closed{background:rgba(100,116,139,.16)!important;color:#64748b!important}.list-stack{display:grid;gap:12px}.list-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--panel-2)}.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty-state{padding:22px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);text-align:center}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.mobile-order-items{display:grid;gap:12px}.order-item-card{padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--panel-2)}.order-item-head{display:flex;gap:12px;align-items:flex-start}.order-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px}.metric-inline{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);min-height:46px;display:flex;align-items:center}.thumb{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--panel)}.sticky-bottom{position:sticky;bottom:8px;padding-top:8px}.receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.receipt-card{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:16px;padding:14px}.receipt-preview{width:100%;max-height:340px;height:auto;object-fit:contain;border-radius:12px;background:var(--panel-2)}.receipt-open{display:block;width:100%;padding:0;border:0;background:transparent!important}.receipt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.receipt-modal[hidden]{display:none}.receipt-modal{position:fixed;inset:0;z-index:999}.receipt-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.7)}.receipt-modal-panel{position:relative;z-index:1;max-width:min(96vw,980px);max-height:92vh;margin:4vh auto;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;justify-content:center;align-items:center}.receipt-modal-panel img{max-width:100%;max-height:82vh;border-radius:14px}.receipt-close{position:absolute;top:10px;right:10px;background:var(--panel-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:999px;width:40px;height:40px}.grid-form{display:grid;gap:14px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel-2)}.toggle-row input{width:auto}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.catalog-image{height:160px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.app-shell{padding-bottom:18px}@media (max-width: 760px){.wrap{padding:14px!important}.card{padding:14px!important}.topnav{width:100%}.topnav a,.topnav button{flex:1;justify-content:center;text-align:center}.mobile-stack{display:grid!important;gap:10px!important}.mobile-stack>*,.toolbar>*,form[style*="display:flex"]>*{width:100%!important;min-width:0!important;margin-left:0!important}.list-row{display:grid;gap:10px;align-items:stretch}.row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row-actions form,.row-actions a,.row-actions button{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.metric-value{font-size:26px}.order-item-head{display:grid;grid-template-columns:64px 1fr}.thumb{width:64px;height:64px}.sticky-bottom{bottom:10px}.sticky-bottom .btn,.sticky-bottom button{width:100%}.receipt-grid,.catalog-grid{grid-template-columns:1fr}}