@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap");:root{--bg:#13141a;--bg-card:#1a1b26;--bg-elevated:#1f2030;--bg-input:#13141a;--border:#1f2030;--border-sub:#2e3050;--text:#f0f0f5;--text-2:#a0a1b8;--text-3:#6b6d85;--text-4:#4a4b5e;--accent:#6366f1;--accent-bg:rgba(99,102,241,.08);--accent-20:rgba(99,102,241,.2);--accent-30:rgba(99,102,241,.3);--green:#34d399;--green-bg:rgba(52,211,153,.1);--amber:#f59e0b;--amber-bg:rgba(245,158,11,.1);--red:#f87171;--red-bg:hsla(0,91%,71%,.1);--orange:#f97316;--shadow-card:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2);--shadow-hover:0 4px 24px rgba(99,102,241,.15);--radius:14px;--radius-sm:8px;--radius-lg:20px}[data-theme=light]{--bg:#f0f1f8;--bg-card:#fff;--bg-elevated:#e4e6f2;--bg-input:#fff;--border:#d8daf0;--border-sub:#bec0d8;--text:#0d0e1a;--text-2:#2c2e4a;--text-3:#52547a;--text-4:#7e809a;--accent:#5254d8;--accent-bg:rgba(82,84,216,.08);--accent-20:rgba(82,84,216,.18);--accent-30:rgba(82,84,216,.28);--green:#047857;--green-bg:rgba(4,120,87,.09);--amber:#b45309;--amber-bg:rgba(180,83,9,.09);--red:#b91c1c;--red-bg:rgba(185,28,28,.09);--orange:#c2410c;--shadow-card:0 1px 3px rgba(0,0,0,.07),0 4px 16px rgba(0,0,0,.05);--shadow-hover:0 4px 24px rgba(82,84,216,.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow .2s,border-color .2s,transform .15s}.card:hover{box-shadow:var(--shadow-hover)}.card-interactive:hover{border-color:var(--accent-20);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid rgba(52,211,153,.2)}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge-accent{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-20)}.badge-muted{background:var(--bg-elevated);color:var(--text-3);border:1px solid var(--border)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid hsla(0,91%,71%,.2)}.price-tag{background:var(--accent);color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-radius:8px;letter-spacing:-.01em}.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-4)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.select,[data-theme=light] .input,[data-theme=light] .select{color:var(--text);background:var(--bg-input)}.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:none;cursor:pointer;transition:border-color .15s,color .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6D85' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 14px}.select:focus{border-color:var(--accent)}.select option{background:var(--bg-card);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent-30)}.btn-outline:hover{background:var(--accent-bg)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text)}.chip{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent-20);color:var(--text-2)}.chip.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.toggle{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border-sub);transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}.toggle.on:after{left:18px}.divider{height:1px;background:var(--border);margin:20px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-sub);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.category-card,.navbar{background:var(--bg-card)}.category-card{border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:all .2s;box-shadow:var(--shadow-card)}.category-card:hover{border-color:var(--accent-30);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-3)}.text-primary{color:var(--text)}.text-2{color:var(--text-2)}.bg-card{background:var(--bg-card)}.border-sub{border-color:var(--border-sub)}