:root{--brand-primary:#0056b3;--brand-secondary:#00408a;--brand-accent:#2e8bff;--brand-soft:#e6f0ff;--brand-accent-ink:#fff;--brand-gradient:linear-gradient(140deg,#0056b3,#2e8bff);--footer-bg:#0a1f3c;--footer-ink:#fff;--footer-sub:#9fb4d6;--footer-line:#1d3a63;--bg-main:#eef3fb;--bg-card:#fff;--bg-subtle:#f4f7fa;--bg-nav-active:#e6f0ff;--bg-nav-hover:#eef3fb;--text-main:#0f1b2d;--text-muted:#5d6b7e;--text-subtle:#8a97a8;--text-panel-label:#5f6c7e;--focus-ring:#0f1b2d;--focus-ring-gap:#fff;--disabled-bg:#e1e8f3;--disabled-text:#55637a;--disabled-border:#5d6b7e;--border-color:#e1e8f3;--border-strong:#cdd5e0;--status-pending-bg:#fffbeb;--status-pending-text:#b45309;--status-pending-border:#fde68a;--status-paid-bg:#e6f0ff;--status-paid-text:#0056b3;--status-paid-border:#cfe2ff;--status-fulfilled-bg:#e3f6ee;--status-fulfilled-text:#0f9d6b;--status-fulfilled-border:#c3ead9;--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:#e6f0ff;--cat-router-text:#0056b3;--cat-router-border:#cfe2ff;--cat-modem-bg:#e6f0ff;--cat-modem-text:#0056b3;--cat-modem-border:#cfe2ff;--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:11px;--radius-card:16px;--font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-card:0 1px 2px #0f1b2d0d,0 10px 26px -14px #0f1b2d29;--shadow-raised:0 6px 16px -8px #0f1b2d2e,0 2px 6px -3px #0f1b2d1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--text-main);background:var(--bg-main)}.dark{--brand-primary:#4d9fff;--brand-secondary:#2e8bff;--brand-accent:#2e8bff;--brand-soft:#4d9fff29;--brand-accent-ink:#04162e;--brand-gradient:linear-gradient(140deg,#0a63c8,#2e8bff);--footer-bg:#05090f;--footer-ink:#eaf3ff;--footer-sub:#7e93b3;--footer-line:#1b2740;--bg-main:#080d18;--bg-card:#111b2e;--bg-subtle:#16223a;--bg-nav-active:#4d9fff29;--bg-nav-hover:#16223a;--text-main:#eaf2ff;--text-muted:#8ea2c2;--text-subtle:#6c7d93;--text-panel-label:#7f90a8;--focus-ring:#eaf2ff;--focus-ring-gap:#111b2e;--disabled-bg:#212f49;--disabled-text:#93a6bf;--disabled-border:#8ea2c2;--border-color:#212f49;--border-strong:#2a3a55;--status-pending-bg:#b4530929;--status-pending-text:#f0aa4d;--status-pending-border:#b4530952;--status-paid-bg:#2563eb2e;--status-paid-border:#2563eb57;--status-fulfilled-bg:#0f9d6b29;--status-fulfilled-text:#34d399;--status-fulfilled-border:#0f9d6b52;--status-cancelled-bg:#b91c1c29;--status-cancelled-text:#ff8d85;--status-cancelled-border:#b91c1c52;--shadow-card:0 1px 0 #ffffff08,0 22px 46px -22px #000000b3;--shadow-raised:0 8px 22px -10px #0009,0 2px 8px -4px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.btn{border-radius:var(--radius-button);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:.95rem;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,transform .16s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--brand-primary);color:var(--brand-accent-ink,#fff)}.btn-primary:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-color);font-weight:600}.btn-ghost:hover{border-color:var(--border-strong);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,box-shadow .18s,transform .18s}.card-interactive:hover,a:hover .card{border-color:var(--border-strong);box-shadow:var(--shadow-raised);transform:translateY(-4px)}.select{appearance:none;border-radius:var(--radius-button);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;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='%235d6b7e' 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-position:right .75rem center;background-repeat:no-repeat;padding:.75rem 2.25rem .75rem .85rem;font-size:.9rem}.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft);outline:none}a{color:inherit;text-decoration:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-gap),0 0 0 5px var(--focus-ring);border-radius:4px;outline:none}.skip-link{z-index:100;background:var(--brand-primary);color:#fff;border-radius:var(--radius-button);padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;max-width:1920px;margin:0 auto;padding-inline:clamp(1rem,3vw,4rem)}.shell-narrow{width:min(760px,100% - 2rem);margin:0 auto}.section{padding:2rem 0}.field{margin-bottom:1rem;display:block}.field-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.input,.textarea{border-radius:var(--radius-button);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-main);font:inherit;padding:.75rem .85rem;font-size:.9rem}.textarea{resize:vertical;min-height:5rem}.input:focus,.textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring-gap),0 0 0 5px var(--focus-ring)}.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{border-color:var(--disabled-border);background:var(--disabled-bg);color:var(--disabled-text);opacity:1;cursor:not-allowed}.btn:disabled,.btn:disabled:active,.btn:disabled:hover{box-shadow:none;transform:none}.pill{border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.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{border-radius:var(--radius-button);border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-main);padding:.75rem 1rem;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:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.dark .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.muted{color:var(--text-muted)}.product-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=560px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.product-grid{grid-template-columns:repeat(4,1fr)}}.font-display,h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}