@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&family=Fira+Code:wght@400;500;600&display=swap";:root{--neutral-0:#fff;--neutral-25:#fafafb;--neutral-40:#f4f4f7;--neutral-50:#ededf0;--neutral-100:#e4e4e7;--neutral-200:#d8d8db;--neutral-250:#c3c3c6;--neutral-300:#adadb0;--neutral-400:#97979b;--neutral-500:#818186;--neutral-600:#6c6c71;--neutral-700:#56565c;--neutral-750:#414146;--neutral-800:#2d2d31;--neutral-850:#1d1d21;--neutral-900:#19191c;--brand-50:#eeecfc;--brand-100:#e0ddfa;--brand-500:#4f46e5;--brand-600:#4338ca;--brand-700:#3730a3;--brand-tint:#4f46e51a;--success:#10b981;--success-bg:#10b9811f;--success-fg:#065f46;--warning:#f59e0b;--warning-bg:#f59e0b1f;--warning-fg:#92400e;--error:#ef4444;--error-bg:#ef444414;--error-fg:#991b1b;--info:#3b82f6;--info-bg:#3b82f61a;--info-fg:#1e40af;--bg-default:var(--neutral-25);--bg-surface:var(--neutral-0);--bg-surface-hover:var(--neutral-25);--bg-surface-secondary:var(--neutral-40);--bg-subtle:var(--neutral-40);--bg-accent:var(--brand-500);--bg-accent-hover:var(--brand-600);--bg-accent-active:var(--brand-700);--fg-primary:var(--neutral-800);--fg-secondary:var(--neutral-600);--fg-tertiary:var(--neutral-400);--fg-accent:var(--brand-500);--fg-on-accent:var(--neutral-0);--border-default:var(--neutral-100);--border-strong:var(--neutral-200);--border-focus:var(--neutral-300);--border-accent:var(--brand-500);--border-error:var(--error);--overlay-hover:#19191c0a;--overlay-pressed:#19191c0f;--overlay-scrim:#19191c8c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs:12px;--text-s:14px;--text-m:16px;--text-l:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-20:40px;--space-24:48px;--space-32:64px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-full:9999px;--duration-fast:.15s;--duration-short:.16s;--duration-medium:.2s;--duration-extended:.25s;--duration-slow:.3s;--ease-standard:ease;--ease-emphasized:cubic-bezier(.32, .72, 0, 1);--ease-in-out:ease-in-out;--ease-out:ease-out;--shadow-xs:0 1px 2px #0000000a;--shadow-s:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-m:0 4px 6px #0000000a, 0 2px 4px #0000000a;--shadow-l:0 10px 15px #0000000f, 0 4px 8px #0000000a;--shadow-xl:0 20px 40px #0000001a, 0 8px 16px #0000000d;--focus-ring:0 0 0 3px #4f46e52e}[data-theme=dark]{--bg-default:var(--neutral-900);--bg-surface:var(--neutral-850);--bg-surface-hover:var(--neutral-800);--bg-surface-secondary:var(--neutral-800);--bg-subtle:var(--neutral-800);--fg-primary:var(--neutral-25);--fg-secondary:var(--neutral-300);--fg-tertiary:var(--neutral-500);--border-default:var(--neutral-750);--border-strong:var(--neutral-700);--border-focus:var(--neutral-600);--fg-accent:#807aec;--success-fg:#6ee7b7;--warning-fg:#fcd34d;--error-fg:#fca5a5;--info-fg:#93c5fd;--overlay-hover:#ffffff0d;--overlay-pressed:#ffffff14;--overlay-scrim:#000000b3;--shadow-xs:0 1px 2px #00000040;--shadow-s:0 1px 3px #00000059;--shadow-m:0 4px 6px #00000059;--shadow-l:0 10px 15px #0006;--shadow-xl:0 20px 40px #00000080}[data-accent=january]{--brand-500:#0d9488;--brand-600:#0b7e74;--brand-700:#096b62;--brand-tint:#0d94881f;--bg-accent:#0d9488;--bg-accent-hover:#0b7e74;--bg-accent-active:#096b62;--border-accent:#0d9488;--fg-accent:#0b786e;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #0d94884d}[data-accent=february]{--brand-500:#ea580c;--brand-600:#c74b0a;--brand-700:#a83f09;--brand-tint:#ea580c1f;--bg-accent:#ea580c;--bg-accent-hover:#c74b0a;--bg-accent-active:#a83f09;--border-accent:#ea580c;--fg-accent:#b94609;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #ea580c4d}[data-accent=march]{--brand-500:#7c3aed;--brand-600:#6931c9;--brand-700:#592aab;--brand-tint:#7c3aed1f;--bg-accent:#7c3aed;--bg-accent-hover:#6931c9;--bg-accent-active:#592aab;--border-accent:#7c3aed;--fg-accent:#7c3aed;--fg-on-accent:#fff;--focus-ring:0 0 0 3px #7c3aed4d}[data-accent=april]{--brand-500:#16a34a;--brand-600:#138b3f;--brand-700:#107535;--brand-tint:#16a34a1f;--bg-accent:#16a34a;--bg-accent-hover:#138b3f;--bg-accent-active:#107535;--border-accent:#16a34a;--fg-accent:#117c38;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #16a34a4d}[data-accent=may]{--brand-500:#a78bfa;--brand-600:#8e76d5;--brand-700:#7864b4;--brand-tint:#a78bfa24;--bg-accent:#a78bfa;--bg-accent-hover:#8e76d5;--bg-accent-active:#7864b4;--border-accent:#a78bfa;--fg-accent:#7561af;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #7864b452}[data-accent=june]{--brand-500:#7c3aed;--brand-600:#6931c9;--brand-700:#592aab;--brand-tint:#7c3aed1f;--bg-accent:#7c3aed;--bg-accent-hover:#6931c9;--bg-accent-active:#592aab;--border-accent:#7c3aed;--fg-accent:#7c3aed;--fg-on-accent:#fff;--focus-ring:0 0 0 3px #7c3aed4d;--brand-gradient:linear-gradient(to right, #ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6)}[data-accent=july]{--brand-500:#fdba74;--brand-600:#d79e63;--brand-700:#b68654;--brand-tint:#fdba742e;--bg-accent:#fdba74;--bg-accent-hover:#d79e63;--bg-accent-active:#b68654;--border-accent:#fdba74;--fg-accent:#8b6640;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #b6865457}[data-accent=august]{--brand-500:#9ca3af;--brand-600:#858b95;--brand-700:#70757e;--brand-tint:#9ca3af2e;--bg-accent:#9ca3af;--bg-accent-hover:#858b95;--bg-accent-active:#70757e;--border-accent:#9ca3af;--fg-accent:#696d75;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #70757e57}[data-accent=september]{--brand-500:#eab308;--brand-600:#c79807;--brand-700:#a88106;--brand-tint:#eab30829;--bg-accent:#eab308;--bg-accent-hover:#c79807;--bg-accent-active:#a88106;--border-accent:#eab308;--fg-accent:#8a6a05;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #a8810652}[data-accent=october]{--brand-500:#ec4899;--brand-600:#c93d82;--brand-700:#aa346e;--brand-tint:#ec48991f;--bg-accent:#ec4899;--bg-accent-hover:#c93d82;--bg-accent-active:#aa346e;--border-accent:#ec4899;--fg-accent:#b83877;--fg-on-accent:#19191c;--focus-ring:0 0 0 3px #ec48994d}[data-accent=november]{--brand-500:#2563eb;--brand-600:#1f54c8;--brand-700:#1b47a9;--brand-tint:#2563eb1f;--bg-accent:#2563eb;--bg-accent-hover:#1f54c8;--bg-accent-active:#1b47a9;--border-accent:#2563eb;--fg-accent:#245fe2;--fg-on-accent:#fff;--focus-ring:0 0 0 3px #2563eb4d}[data-accent=december]{--brand-500:#dc2626;--brand-600:#bb2020;--brand-700:#9e1b1b;--brand-tint:#dc26261f;--bg-accent:#dc2626;--bg-accent-hover:#bb2020;--bg-accent-active:#9e1b1b;--border-accent:#dc2626;--fg-accent:#dc2626;--fg-on-accent:#fff;--focus-ring:0 0 0 3px #dc26264d}[data-theme=dark][data-accent=january]{--fg-accent:#12968a}[data-theme=dark][data-accent=february]{--fg-accent:#ea580c}[data-theme=dark][data-accent=march]{--fg-accent:#9e6df2}[data-theme=dark][data-accent=april]{--fg-accent:#16a34a}[data-theme=dark][data-accent=may]{--fg-accent:#a78bfa}[data-theme=dark][data-accent=june]{--fg-accent:#9e6df2}[data-theme=dark][data-accent=july]{--fg-accent:#fdba74}[data-theme=dark][data-accent=august]{--fg-accent:#9ca3af}[data-theme=dark][data-accent=september]{--fg-accent:#eab308}[data-theme=dark][data-accent=october]{--fg-accent:#ec4899}[data-theme=dark][data-accent=november]{--fg-accent:#5182ef}[data-theme=dark][data-accent=december]{--fg-accent:#e45a5a}.ds-display{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--fg-primary);font-weight:700;line-height:1.1}.ds-h1,.page-title{font-family:var(--font-sans);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--fg-primary);font-weight:600;line-height:1.25}.ds-h2{font-family:var(--font-sans);font-size:var(--text-l);letter-spacing:-.01em;color:var(--fg-primary);font-weight:600;line-height:1.3}.ds-h3{font-family:var(--font-sans);font-size:var(--text-m);color:var(--fg-primary);font-weight:600;line-height:1.4}.ds-body{font-family:var(--font-sans);font-size:var(--text-s);color:var(--fg-primary);font-weight:400;line-height:1.55}.ds-body-lg{font-size:var(--text-m);line-height:1.55}.ds-caption{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--fg-secondary);font-weight:400;line-height:1.5}.ds-overline{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);font-weight:600;line-height:1.4}.ds-code,code,pre{font-family:var(--font-mono);font-feature-settings:"liga" 0;font-size:.92em;font-weight:450}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-m);color:var(--fg-primary);background:var(--bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--text-s);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--bg-accent);color:var(--fg-on-accent)}.btn-primary:hover:not(:disabled){background:var(--bg-accent-hover)}.btn-primary:active:not(:disabled){background:var(--bg-accent-active)}.btn-secondary{background:var(--bg-surface);color:var(--fg-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-secondary:active:not(:disabled){background:var(--bg-subtle)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{color:var(--fg-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--overlay-hover);color:var(--fg-primary)}.btn-link{color:var(--fg-accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);border-radius:var(--radius-xs)}.btn-block{width:100%}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-m);padding:var(--space-10);box-shadow:var(--shadow-s)}.card-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);font-weight:600}.input-group{gap:var(--space-3);flex-direction:column;display:flex}.input-label{font-size:var(--text-s);color:var(--fg-primary);font-weight:500}.input{width:100%;padding:var(--space-5) var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--text-s);color:var(--fg-primary);background:var(--bg-surface);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--fg-tertiary)}.input:focus{border-color:var(--border-accent);box-shadow:var(--focus-ring);outline:none}.input:disabled{background:var(--bg-subtle);color:var(--fg-tertiary);cursor:not-allowed}.input-error{border-color:var(--border-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.input-hint{font-size:var(--text-xs);color:var(--fg-tertiary)}.input-error-text{font-size:var(--text-xs);color:var(--error)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2386888c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-6) center;padding-right:var(--space-12)}.input-with-prefix{align-items:stretch;display:flex}.input-prefix{padding:0 var(--space-6);background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-s) 0 0 var(--radius-s);font-size:var(--text-s);color:var(--fg-tertiary);white-space:nowrap;border-right:none;align-items:center;display:flex}.input-with-prefix .input{border-radius:0 var(--radius-s) var(--radius-s) 0}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-weight:500;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{background:var(--bg-surface-secondary);color:var(--fg-secondary)}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-error{background:var(--error-bg);color:var(--error-fg)}.badge-accent{background:var(--brand-tint);color:var(--fg-accent)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.tabs{gap:var(--space-2);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-12);display:flex}.tab{padding:var(--space-5) var(--space-4);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-s);color:var(--fg-secondary);transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.tab:hover{color:var(--fg-primary)}.tab.active{color:var(--fg-accent);border-bottom-color:var(--fg-accent)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.page-header-actions{gap:var(--space-4);align-items:center;display:flex}.page-subtitle{font-size:var(--text-s);color:var(--fg-secondary);margin-top:var(--space-2)}.breadcrumb{align-items:center;gap:var(--space-3);font-size:var(--text-s);color:var(--fg-tertiary);margin-bottom:var(--space-6);display:flex}.breadcrumb a{color:var(--fg-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--fg-accent)}.breadcrumb .sep{color:var(--fg-tertiary)}.table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-m);background:var(--bg-surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-s)}th{padding:var(--space-5) var(--space-8);text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-tertiary);background:var(--bg-subtle);border-bottom:1px solid var(--border-default);white-space:nowrap}td{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-default);white-space:nowrap;color:var(--fg-primary)}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--duration-fast)}tbody tr:hover td{background:var(--overlay-hover)}.actions-cell{gap:var(--space-2);display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-32) var(--space-16);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-l);background:var(--bg-surface);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-m);background:var(--brand-tint);width:56px;height:56px;color:var(--fg-accent);justify-content:center;align-items:center;display:flex}.empty-state-icon .icon{width:28px;height:28px}.empty-state-title{font-size:var(--text-l);color:var(--fg-primary);font-weight:600}.empty-state-text{font-size:var(--text-s);color:var(--fg-secondary);max-width:380px;line-height:1.55}.divider{margin:var(--space-8) 0;align-items:center;gap:var(--space-4);display:flex}.divider:before,.divider:after{content:"";background:var(--border-default);flex:1;height:1px}.divider span{font-size:var(--text-xs);color:var(--fg-tertiary);text-transform:uppercase;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--fg-accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.spinner-sm{width:14px;height:14px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);width:252px;padding:var(--space-8) var(--space-6);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{align-items:center;gap:var(--space-4);padding:0 var(--space-4);margin-bottom:var(--space-12);display:flex}.sidebar-logo-mark{flex-shrink:0;width:30px;height:30px}.sidebar-logo-text{font-size:var(--text-m);letter-spacing:-.02em;color:var(--fg-primary);font-weight:700}.sidebar-section{margin-bottom:var(--space-8)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--fg-tertiary);padding:0 var(--space-4);margin-bottom:var(--space-3);font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;gap:1px;list-style:none;display:flex}.sidebar-nav a{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-radius:var(--radius-s);color:var(--fg-secondary);font-size:var(--text-s);transition:background var(--duration-fast), color var(--duration-fast);font-weight:450;text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--overlay-hover);color:var(--fg-primary)}.sidebar-nav a.active{background:var(--brand-tint);color:var(--fg-accent);font-weight:550}.sidebar-nav-icon{opacity:.75;flex-shrink:0;width:18px;height:18px;display:flex}.sidebar-nav a.active .sidebar-nav-icon,.sidebar-nav a:hover .sidebar-nav-icon{opacity:1}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid var(--border-default);padding-top:var(--space-6);margin-top:var(--space-6)}.sidebar-user{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);display:flex}.sidebar-user:hover{background:var(--overlay-hover)}.avatar{border-radius:var(--radius-full);background:var(--bg-accent);width:30px;height:30px;color:var(--fg-on-accent);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-email{font-size:var(--text-xs);color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{padding:var(--space-16) var(--space-20);flex:1;min-width:0;max-width:1180px}.choice-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.choice-card{gap:var(--space-4);text-align:left;padding:var(--space-10);border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--bg-surface);cursor:pointer;transition:border-color var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);flex-direction:column;display:flex;position:relative}.choice-card:hover:not(.disabled){border-color:var(--border-accent);box-shadow:var(--shadow-s)}.choice-card.selected{border-color:var(--border-accent);box-shadow:var(--focus-ring)}.choice-card.disabled{opacity:.55;cursor:not-allowed}.choice-card-icon{border-radius:var(--radius-s);background:var(--bg-subtle);width:44px;height:44px;color:var(--fg-primary);justify-content:center;align-items:center;display:flex}.choice-card.selected .choice-card-icon{background:var(--brand-tint);color:var(--fg-accent)}.choice-card-title{font-size:var(--text-m);color:var(--fg-primary);font-weight:600}.choice-card-desc{font-size:var(--text-s);color:var(--fg-secondary);line-height:1.5}.choice-card-check{top:var(--space-6);right:var(--space-6);color:var(--fg-accent);opacity:0;position:absolute}.choice-card.selected .choice-card-check{opacity:1}.wizard-steps{align-items:center;gap:var(--space-2);margin-bottom:var(--space-16);display:flex}.wizard-step{align-items:center;gap:var(--space-4);display:flex}.wizard-step-num{border-radius:var(--radius-full);width:26px;height:26px;font-size:var(--text-xs);background:var(--bg-subtle);color:var(--fg-tertiary);border:1px solid var(--border-strong);transition:all var(--duration-medium) var(--ease-emphasized);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.wizard-step.active .wizard-step-num{background:var(--bg-accent);color:var(--fg-on-accent);border-color:var(--bg-accent)}.wizard-step.done .wizard-step-num{background:var(--success);color:#fff;border-color:var(--success)}.wizard-step-label{font-size:var(--text-s);color:var(--fg-tertiary);white-space:nowrap;font-weight:500}.wizard-step.active .wizard-step-label,.wizard-step.done .wizard-step-label{color:var(--fg-primary)}.wizard-step-line{background:var(--border-strong);width:32px;height:1px;margin:0 var(--space-2)}.wizard-step.done+.wizard-step-line,.wizard-step-line.done{background:var(--success)}.site-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.site-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-m);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.site-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-m);transform:translateY(-2px)}.site-card-thumb{background:var(--bg-subtle);border-bottom:1px solid var(--border-default);justify-content:center;align-items:center;height:132px;display:flex;position:relative;overflow:hidden}.site-card-thumb img{object-fit:cover;width:100%;height:100%}.site-card-body{padding:var(--space-8);gap:var(--space-3);flex-direction:column;display:flex}.site-card-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-card-name{font-size:var(--text-m);color:var(--fg-primary);font-weight:600}.site-card-url{font-size:var(--text-xs);color:var(--fg-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-card-meta{align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--fg-tertiary);margin-top:var(--space-2);display:flex}.preview-banner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);background:var(--warning-bg);color:var(--warning-fg);font-size:var(--text-s);border-bottom:1px solid #f59e0b40;font-weight:500;display:flex}.preview-banner .icon{flex-shrink:0;width:16px;height:16px}.toast-container{top:var(--space-12);right:var(--space-12);z-index:1000;gap:var(--space-4);flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-radius:var(--radius-s);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-l);font-size:var(--text-s);color:var(--fg-primary);animation:toast-in var(--duration-medium) var(--ease-emphasized);display:flex}.toast-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--fg-accent)}.toast-body{flex:1}.toast-title{margin-bottom:2px;font-weight:600}.toast-msg{color:var(--fg-secondary);font-size:var(--text-xs)}.toast-close{color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.toast-close:hover{color:var(--fg-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-surface-hover) 37%, var(--bg-subtle) 63%);border-radius:var(--radius-s);background-size:200px 100%;animation:1.4s infinite shimmer}.skeleton-text{height:13px;margin-bottom:var(--space-4);border-radius:var(--radius-xs)}.skeleton-text:last-child{width:60%}.skeleton-heading{width:40%;height:20px;margin-bottom:var(--space-8)}.skeleton-card{border-radius:var(--radius-m);height:132px}.skeleton-circle{border-radius:50%}.code-output{background:var(--neutral-900);border-radius:var(--radius-s);padding:var(--space-8);max-height:360px;overflow:auto}.code-output pre{font-family:var(--font-mono);font-size:var(--text-xs);color:#d4d4d4;white-space:pre-wrap;word-break:break-word;line-height:1.65}.log-line{gap:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.8;display:flex}.log-time{color:var(--neutral-500);flex-shrink:0}.log-ok{color:var(--success)}.log-warn{color:var(--warning)}.log-err{color:var(--error)}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{gap:var(--space-4);padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-m);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);flex-direction:column;text-decoration:none;display:flex}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-s)}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:var(--radius-s);background:var(--brand-tint);width:34px;height:34px;color:var(--fg-accent);justify-content:center;align-items:center;display:flex}.stat-count{font-size:var(--text-2xl);color:var(--fg-primary);letter-spacing:-.02em;font-weight:700;line-height:1}.stat-label{font-size:var(--text-xs);color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dim{color:var(--fg-tertiary)}.mono{font-family:var(--font-mono)}.row{align-items:center;gap:var(--space-4);display:flex}.col{flex-direction:column;display:flex}.gap-2{gap:var(--space-4)}.gap-3{gap:var(--space-6)}.gap-4{gap:var(--space-8)}.grow{flex:1}.icon{vertical-align:middle;stroke-width:2px;display:inline-block}[data-accent=june] .btn-primary,[data-accent=june] .btn-primary:hover:not(:disabled),[data-accent=june] .btn-primary:active:not(:disabled){background-image:var(--brand-gradient);background-color:var(--brand-500);color:#fff;text-shadow:0 1px 2px #00000073}[data-accent=june] .btn-primary:hover:not(:disabled){filter:brightness(.94)}[data-accent=june] .btn-primary:active:not(:disabled){filter:brightness(.88)}[data-accent=june] .wizard-step.active .wizard-step-num,[data-accent=june] .avatar,[data-accent=june] .empty-state-icon,[data-accent=june] .stat-icon{background-image:var(--brand-gradient);color:#fff}.theme-select-wrap{position:relative}.theme-select{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);border-radius:var(--radius-s);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-s);text-align:left;transition:background var(--duration-fast), border-color var(--duration-fast);font-weight:450;display:flex}.theme-select:hover{background:var(--overlay-hover);color:var(--fg-primary);border-color:var(--border-strong)}.theme-select:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-swatch{border-radius:var(--radius-full);background:var(--brand-500);flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000014}.theme-menu{z-index:40;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-m);box-shadow:var(--shadow-l);padding:var(--space-3);max-height:320px;animation:toast-in var(--duration-short) var(--ease-emphasized);grid-template-columns:1fr 1fr;gap:1px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}.theme-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--fg-secondary);transition:background var(--duration-fast);background:0 0;border:none;font-weight:500;display:flex}.theme-menu-item:hover{background:var(--overlay-hover);color:var(--fg-primary)}.theme-menu-item.selected{background:var(--brand-tint);color:var(--fg-accent)}.theme-menu-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-dot{border-radius:var(--radius-full);flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000001a}