:root{color-scheme:light;--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-500: #4f46e5;--brand-600: #4338ca;--brand-700: #3730a3;--accent-500: #f59e0b;--accent-600: #d97706;--ok-500: #16a34a;--ok-100: #dcfce7;--warn-500: #ca8a04;--warn-100: #fef9c3;--danger-500: #dc2626;--danger-100: #fee2e2;--bg: #f7f8fb;--surface: #ffffff;--border: #e5e7eb;--fg: #111827;--fg-muted: #6b7280;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 12px rgba(16, 24, 40, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--font: -apple-system, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif}[data-theme=dark]{color-scheme:dark;--brand-50: #1e1b4b;--brand-100: #312e81;--brand-500: #818cf8;--brand-600: #a5b4fc;--brand-700: #c7d2fe;--ok-100: #14532d;--warn-100: #713f12;--danger-100: #7f1d1d;--bg: #0f1115;--surface: #171a21;--border: #2a2e37;--fg: #f3f4f6;--fg-muted: #9ca3af}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;margin:0 0 var(--space-2)}h1{font-size:clamp(1.6rem,2vw + 1rem,2.25rem);font-weight:800;letter-spacing:-.02em}h2{font-size:1.375rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}p{margin:0 0 var(--space-4);color:var(--fg-muted)}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 var(--space-6)}.page{padding:var(--space-8) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:600;font-size:.9rem;padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700);text-decoration:none}.btn-outline{background:transparent;border-color:var(--border);color:var(--fg)}.btn-outline:hover{border-color:var(--brand-500);color:var(--brand-600);text-decoration:none}.btn-accent{background:var(--accent-500);color:#1f1500}.btn-accent:hover{background:var(--accent-600);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card-hover{transition:box-shadow .15s ease,transform .15s ease}.card-hover:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.grid{display:grid;gap:var(--space-6)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:var(--brand-100);color:var(--brand-700)}.badge-ok{background:var(--ok-100);color:#166534}.badge-warn{background:var(--warn-100);color:#854d0e}.badge-danger{background:var(--danger-100);color:#991b1b}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:.85rem;font-weight:600;color:var(--fg)}.field small{color:var(--fg-muted)}input[type=text],input[type=email],input[type=number],input[type=tel],input:not([type]),textarea,select{font:inherit;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:.65rem var(--space-4);border-bottom:1px solid var(--border);font-size:.9rem}th{background:var(--bg);color:var(--fg-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}.empty-state{text-align:center;color:var(--fg-muted);padding:var(--space-8);border:1px dashed var(--border);border-radius:var(--radius)}.notice{border-radius:var(--radius);padding:var(--space-4);background:var(--ok-100);color:#166534;font-weight:600}