:root{--brand: 79 123 255;--brand-fg: 255 255 255;--brand-deep: 20 45 130;--gold: 255 226 26;--bg: 4 4 8;--surface: 12 12 18;--surface-2: 22 22 30;--fg: 240 244 255;--muted: 145 152 175;--subtle: 95 100 120;--border: 30 32 50;--border-strong: 60 65 95;--ring: 30 32 50;--ring-strong: 79 123 255;--ok: 124 245 155;--bad: 255 92 92;--radius-sm: 10px;--radius: 18px;--radius-lg: 24px;--radius-pill: 9999px;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--accent: #4f7bff;--accent-2: #84a7ff;--accent-soft: rgba(79, 123, 255, .12);--accent-glow: rgba(79, 123, 255, .22)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:rgb(var(--bg));color:rgb(var(--fg));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:rgb(var(--ring-strong));text-decoration:none}a:hover{opacity:.9}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgb(var(--bg))}::-webkit-scrollbar-thumb{background:rgb(var(--border-strong));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--ring-strong))}input,textarea,select{font-family:inherit;background:rgb(var(--bg));border:1px solid rgb(var(--border));color:rgb(var(--fg));padding:12px 14px;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:rgb(var(--subtle))}input:focus,textarea:focus,select:focus{border-color:rgb(var(--ring-strong) / .5);box-shadow:0 0 0 4px rgb(var(--brand) / .15),0 8px 24px rgb(var(--brand) / .18)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);font-weight:600;transition:all .15s ease}.shadow-ring-1{box-shadow:0 0 0 1px rgb(var(--ring)),0 8px 32px #0006}.shadow-ring-2{box-shadow:0 0 0 1px rgb(var(--ring-strong) / .5),0 8px 24px rgb(var(--brand) / .18)}.shadow-editorial{box-shadow:0 0 0 1px rgb(var(--ring)),0 0 24px rgb(var(--brand) / .14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;border-radius:var(--radius-sm)}.btn-primary{background:rgb(var(--brand));color:rgb(var(--brand-fg));box-shadow:0 8px 32px rgb(var(--brand) / .4)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:rgb(var(--surface));color:rgb(var(--fg));box-shadow:var(--shadow-ring-1)}.btn-ghost:hover{box-shadow:var(--shadow-ring-2)}.btn-danger{background:rgb(var(--bad));color:#fff}.btn-danger:hover{filter:brightness(1.1)}.card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);padding:20px}.badge{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);border:1px solid}.badge-ok{background:rgb(var(--gold) / .14);color:rgb(var(--gold));border-color:rgb(var(--gold) / .35);text-shadow:0 0 18px rgb(var(--gold) / .5)}.badge-warn{background:#f9731626;color:#f97316;border-color:#f973164d}.badge-bad{background:rgb(var(--bad) / .12);color:rgb(var(--bad));border-color:rgb(var(--bad) / .3)}.badge-info{background:rgb(var(--brand) / .15);color:rgb(var(--ring-strong));border-color:rgb(var(--brand) / .35)}.storefront-heading-gradient{background:linear-gradient(90deg,rgb(var(--ring-strong)),rgb(var(--gold)));-webkit-background-clip:text;background-clip:text;color:transparent}.container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-weight:700;font-size:24px;letter-spacing:-.02em;margin:0}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media (max-width: 640px){.container{padding:16px}.page-title{font-size:20px}.section-grid{grid-template-columns:1fr}}.toast{background:rgb(var(--surface))!important;border:1px solid rgb(var(--border-strong))!important;color:rgb(var(--fg))!important;border-radius:var(--radius)!important}@keyframes spin{to{transform:rotate(360deg)}}
