:root{--brand-primary:#0e7490;--brand-secondary:#155e75;--brand-soft:#ecfeff;--bg-main:#f7f9fb;--bg-card:#fff;--bg-subtle:#eef2f6;--bg-nav-active:#ecfeff;--bg-nav-hover:#eef2f6;--text-main:#0f1b2d;--text-muted:#475467;--text-subtle:#8a97a8;--border-color:#e3e8ef;--border-strong:#cdd5e0;--status-pending-bg:#fffbeb;--status-pending-text:#b45309;--status-pending-border:#fde68a;--status-paid-bg:#ecfeff;--status-paid-text:#0e7490;--status-paid-border:#cffafe;--status-fulfilled-bg:#ecfdf5;--status-fulfilled-text:#047857;--status-fulfilled-border:#d1fae5;--status-cancelled-bg:#fef2f2;--status-cancelled-text:#b91c1c;--status-cancelled-border:#fee2e2;--stock-in-bg:#ecfdf5;--stock-in-text:#047857;--stock-in-border:#d1fae5;--stock-low-bg:#fffbeb;--stock-low-text:#b45309;--stock-low-border:#fde68a;--stock-out-bg:#fef2f2;--stock-out-text:#b91c1c;--stock-out-border:#fee2e2;--cat-router-bg:#ecfeff;--cat-router-text:#0e7490;--cat-router-border:#cffafe;--cat-modem-bg:#eff6ff;--cat-modem-text:#2563eb;--cat-modem-border:#dbeafe;--cat-mifi-bg:#f5f3ff;--cat-mifi-text:#7c3aed;--cat-mifi-border:#ede9fe;--cat-accessory-bg:#f7f9fb;--cat-accessory-text:#475467;--cat-accessory-border:#e3e8ef;--radius-button:8px;--radius-card:12px;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Inter",ui-sans-serif,system-ui,sans-serif;--shadow-card:0 1px 2px rgba(15,27,45,.06);--shadow-raised:0 6px 16px -8px rgba(15,27,45,.18),0 2px 6px -3px rgba(15,27,45,.1);color-scheme:light;font-family:var(--font-sans);color:var(--text-main);background:var(--bg-main)}.dark{--brand-primary:#22b8cf;--brand-secondary:#15aabf;--brand-soft:rgba(34,184,207,.12);--bg-main:#0b1320;--bg-card:#111c2e;--bg-subtle:#16223a;--bg-nav-active:rgba(34,184,207,.12);--bg-nav-hover:#16223a;--text-main:#e9eef5;--text-muted:#9fb0c4;--text-subtle:#6c7d93;--border-color:#1d2a40;--border-strong:#2a3a55;--status-pending-bg:rgba(180,83,9,.16);--status-pending-border:rgba(180,83,9,.32);--status-paid-bg:rgba(14,116,144,.18);--status-paid-border:rgba(14,116,144,.34);--status-fulfilled-bg:rgba(4,120,87,.16);--status-fulfilled-border:rgba(4,120,87,.32);--status-cancelled-bg:rgba(185,28,28,.16);--status-cancelled-border:rgba(185,28,28,.32);--shadow-card:0 1px 2px rgba(0,0,0,.4);--shadow-raised:0 8px 22px -10px rgba(0,0,0,.6),0 2px 8px -4px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:var(--radius-button);font-weight:600;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--brand-primary);color:#fff;box-shadow:0 1px 2px #0f1b2d1f}.btn-primary:hover{background-color:var(--brand-secondary);transform:translateY(-1px);box-shadow:var(--shadow-raised)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0f1b2d1f}.btn-ghost{background-color:transparent;color:var(--text-main);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-interactive,a .card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card-interactive:hover,a:hover .card{border-color:var(--border-strong);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.6rem 2.25rem .6rem .85rem;border-radius:var(--radius-button);border:1px solid var(--border-strong);background-color:var(--bg-card);color:var(--text-main);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23475467' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft)}a{color:inherit;text-decoration:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.6rem 1rem;background:var(--brand-primary);color:#fff;border-radius:var(--radius-button)}.skip-link:focus{left:.5rem;top:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto}.shell-narrow{width:min(760px,calc(100% - 2rem));margin:0 auto}.section{padding:2rem 0}.field{display:block;margin-bottom:1rem}.field-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600;color:var(--text-main)}.input,.textarea{width:100%;padding:.6rem .85rem;border-radius:var(--radius-button);border:1px solid var(--border-strong);background-color:var(--bg-card);color:var(--text-main);font:inherit}.textarea{min-height:5rem;resize:vertical}.input:focus,.textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft)}.field-error{color:var(--status-cancelled-text)}.field-error,.field-hint{margin-top:.3rem;font-size:.8rem}.field-hint{color:var(--text-muted)}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.btn:disabled{opacity:.6;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.pill-pending{background:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.pill-paid{background:var(--status-paid-bg);color:var(--status-paid-text);border-color:var(--status-paid-border)}.pill-fulfilled{background:var(--status-fulfilled-bg);color:var(--status-fulfilled-text);border-color:var(--status-fulfilled-border)}.pill-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border-color:var(--status-cancelled-border)}.pill-in{background:var(--stock-in-bg);color:var(--stock-in-text);border-color:var(--stock-in-border)}.pill-low{background:var(--stock-low-bg);color:var(--stock-low-text);border-color:var(--stock-low-border)}.pill-out{background:var(--stock-out-bg);color:var(--stock-out-text);border-color:var(--stock-out-border)}.alert{padding:.75rem 1rem;border-radius:var(--radius-button);border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-main);font-size:.9rem}.alert-error{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border-color:var(--status-cancelled-border)}.alert-success{background:var(--status-fulfilled-bg);color:var(--status-fulfilled-text);border-color:var(--status-fulfilled-border)}.alert-info{background:var(--status-paid-bg);color:var(--status-paid-text);border-color:var(--status-paid-border)}.skeleton{background:var(--bg-subtle);border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:skeleton-shimmer 1.4s ease infinite}.dark .skeleton:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.muted{color:var(--text-muted)}.product-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:560px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}.font-display,h1,h2,h3{font-family:var(--font-display);line-height:1.15;letter-spacing:-.02em}.tabular{font-variant-numeric:tabular-nums}