@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--bg-banner:#fff;--bg-glass:#fffffff2;--bg-glass-card:#fff;--bg-input:#fff;--bg-active-pill:#e0f2fe;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--text-banner-title:#0f172a;--text-banner-sub:#334155;--accent-primary:#0284c7;--accent-primary-hover:#0369a1;--accent-secondary:#0369a1;--accent-success:#15803d;--accent-warning:#c2410c;--accent-danger:#b91c1c;--accent-purple:#6b21a8;--border-color:#cbd5e1;--border-color-light:#e2e8f0;--border-focus:#0284c7;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 25px #0f172a1f;--shadow-glow:0 0 15px #0284c733;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--header-height:64px}html.dark{--bg-primary:#0b1329;--bg-secondary:#131c38;--bg-tertiary:#1c284d;--bg-banner:#131c38;--bg-glass:#131c38d9;--bg-glass-card:#0b1329cc;--bg-input:#0b1329;--bg-active-pill:#0284c740;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-banner-title:#f8fafc;--text-banner-sub:#cbd5e1;--accent-primary:#38bdf8;--accent-primary-hover:#0284c7;--accent-secondary:#38bdf8;--accent-success:#4ade80;--accent-warning:#fb923c;--accent-danger:#f87171;--accent-purple:#a78bfa;--border-color:#ffffff1f;--border-color-light:#ffffff0f;--border-focus:#38bdf8;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow:0 0 20px #38bdf840}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex}.main-layout{flex:1;display:flex;overflow:hidden}.content-area{background-color:#0000;flex-direction:column;flex:1;padding:1.5rem 2rem;display:flex;overflow-y:auto}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary)}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .2s ease-in-out}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.banner-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:5px solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1.5rem 2rem}.banner-card h2{color:var(--text-primary);font-weight:700}.banner-card p{color:var(--text-secondary);font-size:.925rem}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 6px #0284c733}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0284c74d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:#fff}html.dark .btn-outline{background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger{color:var(--accent-danger);background:#fee2e2;border:1px solid #fca5a5}html.dark .btn-danger{background:#dc262626;border-color:#dc26264d}.btn-danger:hover{background:var(--accent-danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-warning{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.badge-purple{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}html.dark .badge-primary{color:#38bdf8;background:#38bdf833;border-color:#38bdf84d}html.dark .badge-success{color:#4ade80;background:#4ade8033;border-color:#4ade804d}html.dark .badge-warning{color:#fb923c;background:#fb923c33;border-color:#fb923c4d}html.dark .badge-danger{color:#f87171;background:#f8717133;border-color:#f871714d}html.dark .badge-purple{color:#a78bfa;background:#a78bfa33;border-color:#a78bfa4d}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-primary);font-size:.825rem;font-weight:700}.form-input,.form-textarea,.form-select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:.6rem .85rem;font-size:.875rem;transition:all .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c726}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.15s ease-out scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.canvas-grid{background-size:24px 24px;background-image:radial-gradient(circle, var(--border-color) 1.2px, transparent 1.2px)}