@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-page:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-hover:#e2e8f0;--border-light:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-blue-light:#eff6ff;--accent-emerald:#059669;--accent-emerald-light:#ecfdf5;--accent-amber:#d97706;--accent-amber-light:#fffbeb;--accent-rose:#e11d48;--accent-rose-light:#fff1f2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.app-container{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=1024px){.lg-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg-col-span-7{grid-column:span 7/span 7}.lg-col-span-5{grid-column:span 5/span 5}}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.card{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.75rem;padding:1.75rem;transition:border-color .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-md)}.subcard{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:10px;padding:1.25rem}h1.header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}h2.card-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.3}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.pill{border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.pill-default{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.pill-blue{background:var(--accent-blue-light);color:var(--accent-blue);border:1px solid #2563eb33}.pill-green{background:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid #05966933}.pill-amber{background:var(--accent-amber-light);color:var(--accent-amber);border:1px solid #d9770633}.btn-primary{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.875rem;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background-color:var(--accent-blue-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background-color:var(--text-dim);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:#cbd5e1}.btn-icon{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-primary)}.form-input{background:var(--bg-surface);border:1px solid var(--border-light);width:100%;font-family:var(--font-sans);color:var(--text-primary);border-radius:8px;outline:none;padding:.7rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #00000008}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61f}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}pre,code{font-family:var(--font-mono)}