:root{--color-bg:#f5f7fa;--color-surface:#ffffffa6;--color-surface-solid:#fff;--color-border:#0f172a14;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-accent:#0e7c86;--color-accent-strong:#0b5f68;--color-accent-soft:#0e7c861f;--color-accent-contrast:#fff;--color-brand:#38bdf8;--color-brand-deep:#0284c7;--gradient-brand:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-deep) 100%);--brand-glow:0 4px 14px #0284c747;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--glass-blur:16px;--glass-shadow:0 8px 32px #0f172a14, 0 1px 2px #0f172a0a;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-ui:"Inter", system-ui, sans-serif;--font-display:"General Sans", "Inter", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.surface-solid{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{background:#ffffffeb}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:16px;line-height:1.55}h1,h2,h3{letter-spacing:-.011em;margin:0;line-height:1.2}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{max-width:72rem;padding:var(--space-8) var(--space-4);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.muted{color:var(--color-text-secondary)}.brand-mark{background:var(--gradient-brand);color:#fff;letter-spacing:-.03em;box-shadow:var(--brand-glow), inset 0 1px 0 #ffffff47;-webkit-user-select:none;user-select:none;background-size:180% 180%;place-items:center;padding-top:2px;font-weight:800;line-height:1;animation:7s ease-in-out infinite brand-sheen;display:inline-grid}@keyframes brand-sheen{0%,to{background-position:0%}50%{background-position:100%}}.button{appearance:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-contrast);font:inherit;padding:var(--space-2) var(--space-4);cursor:pointer;border:1px solid #0000;font-weight:500;transition:background .12s}.button:hover{background:var(--color-accent-strong)}.button:disabled{opacity:.6;cursor:not-allowed}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{color:var(--color-text-secondary);font-size:.875rem}.field input{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-solid);color:var(--color-text-primary)}.status-error{color:var(--color-danger);font-size:.875rem}.status-ok{color:var(--color-success)}.data-table{border-collapse:collapse;width:100%;font-size:.9375rem}.data-table th,.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-secondary);font-weight:500}@media (max-width:640px){.page{padding:var(--space-4) var(--space-3)}}