:root{--bg: #0f172a;--card: #0b1224;--text: #e2e8f0;--muted: #94a3b8;--accent: #22d3ee;--accent-2: #6366f1;--danger: #ef4444;--success: #22c55e;--radius: 14px;--border: rgba(255, 255, 255, .07);--bg-gradient: radial-gradient(circle at 10% 20%, rgba(34, 211, 238, .08), transparent 25%), radial-gradient(circle at 90% 10%, rgba(99, 102, 241, .1), transparent 30%), radial-gradient(circle at 50% 80%, rgba(34, 197, 94, .07), transparent 35%), #0b1220;--input-bg: rgba(255, 255, 255, .04);--btn-text: #0b1220;color-scheme:dark}[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--text: #1e293b;--muted: #64748b;--accent: #0891b2;--accent-2: #4f46e5;--danger: #dc2626;--success: #16a34a;--border: rgba(0, 0, 0, .1);--bg-gradient: radial-gradient(circle at 10% 20%, rgba(8, 145, 178, .06), transparent 25%), radial-gradient(circle at 90% 10%, rgba(79, 70, 229, .06), transparent 30%), radial-gradient(circle at 50% 80%, rgba(22, 163, 74, .05), transparent 35%), #f1f5f9;--input-bg: rgba(0, 0, 0, .03);--btn-text: #ffffff;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-gradient);color:var(--text);min-height:100vh;transition:background .3s ease,color .3s ease}a{color:inherit}button{font-family:inherit}input,select,button,textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 15px 50px #00000026;transition:background .3s ease,border-color .3s ease}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.badge{padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.02em;border:1px solid var(--border)}.btn{border:1px solid var(--border);background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--btn-text);padding:10px 14px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #22d3ee40}.btn.secondary{background:var(--input-bg);color:var(--text)}.btn.danger{background:linear-gradient(120deg,#f87171,#ef4444);color:#fff}label{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}input,select,textarea{width:100%}.form-row{display:flex;gap:12px}.form-col{flex:1;display:flex;flex-direction:column;gap:6px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--muted);font-weight:500;font-size:13px}.tag{padding:4px 10px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);font-size:12px}.chip{border:1px solid var(--border);padding:6px 10px;border-radius:12px;background:var(--input-bg);cursor:pointer}.section-title{font-size:18px;margin:0 0 10px}.error{color:#f87171}.success{color:#22c55e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:30}.modal{width:min(540px,92vw)}.hero{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.dashboard-header,.hamburger-wrap{position:relative}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scanner-box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px}.camera-view{width:100%;border-radius:12px;overflow:hidden}.theme-toggle{background:var(--input-bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}@media (max-width: 720px){.form-row{flex-direction:column}.header{flex-direction:column;align-items:flex-start}.table{font-size:14px}.table th,.table td{padding:8px 4px}.btn{padding:12px 14px}.hero{grid-template-columns:1fr}}@media (max-width: 720px),(max-height: 760px){.header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:6px;overflow:visible}.header-actions .btn,.header-actions .theme-toggle{width:42px;height:42px;padding:0;min-width:42px;border-radius:12px;flex-shrink:0}.header-actions .btn svg{font-size:22px}}@media (max-width: 480px){body{font-size:14px}.card{padding:14px;border-radius:14px}.modal{width:96vw;max-height:90vh;overflow-y:auto}.form-grid{grid-template-columns:1fr}h1{font-size:22px}h2{font-size:18px}.section-title{font-size:16px}.table-responsive{overflow-x:auto;margin:0 -14px;padding:0 14px}.header .flex{width:100%;flex-wrap:wrap}.header .btn{flex:1;min-width:80px;text-align:center}}@media (max-width: 640px){.table .hide-mobile{display:none}.table th,.table td{padding:8px 4px;font-size:13px}.table{min-width:unset}}.qty-btn{width:28px;height:28px;padding:0;border-radius:50%;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--input-bg);border:1px solid var(--border);color:var(--text);transition:background .15s ease}.qty-btn:hover{background:var(--accent);color:var(--btn-text)}.qty-display{display:inline-flex;align-items:center;gap:6px}.csv-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}