:root{--color-base-950:#0c0f16;--color-base-900:#111722;--color-base-800:#1a2235;--color-base-700:#243047;--color-base-600:#334155;--color-base-500:#475569;--color-base-400:#64748b;--color-base-300:#94a3b8;--color-base-200:#cbd5e1;--color-base-100:#e2e8f0;--color-base-000:#f8fafc;--color-accent-700:#3730a3;--color-accent-600:#4f46e5;--color-accent-500:#6366f1;--color-accent-400:#818cf8;--color-accent-300:#a5b4fc;--color-accent-100:#6366f11a;--canvas-trigger:#00f2ff;--canvas-action:#8b5cf6;--canvas-decision:#f59e0b;--canvas-integration:#10b981;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#38bdf8;--bg-app:var(--color-base-950);--bg-surface:var(--color-base-900);--bg-card:var(--color-base-800);--bg-card-hover:var(--color-base-700);--bg-input:var(--color-base-800);--border-default:#ffffff1f;--border-subtle:#ffffff0f;--border-accent:#6366f159;--text-heading:var(--color-base-000);--text-body:var(--color-base-200);--text-muted:var(--color-base-400);--text-disabled:var(--color-base-500);--accent:var(--color-accent-500);--accent-hover:var(--color-accent-400);--accent-bg:var(--color-accent-100);--accent-border:#6366f14d;--bg-primary:var(--bg-app);--bg-secondary:var(--bg-surface);--accent-cyan:var(--canvas-trigger);--accent-violet:var(--canvas-action);--text-primary:var(--text-heading);--text-secondary:var(--text-muted);--glass-bg:#ffffff08;--glass-border:var(--border-subtle);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--type-display:clamp(2.5rem, 5vw, 4rem);--type-h1:clamp(2rem, 4vw, 3rem);--type-h2:clamp(1.5rem, 3vw, 2.25rem);--type-h3:1.25rem;--type-body-lg:1.0625rem;--type-body:.9375rem;--type-body-sm:.875rem;--type-label:.8125rem;--type-mono:.875rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 24px #0006;--shadow-accent:0 4px 20px #6366f138}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-body);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.dashboard-container{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;gap:2rem;width:240px;min-width:240px;padding:2rem 1.5rem;transition:width .3s,min-width .3s,padding .3s;display:flex}.sidebar.collapsed{width:80px;min-width:80px;padding:2rem .75rem}.main-view{background:radial-gradient(circle,#1e293b 0%,#0a0e14 100%);position:relative;overflow:hidden}.commit-feed{background-color:var(--bg-secondary);padding:1.5rem;overflow-y:auto}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .2s}.glass-card:hover{border-color:var(--border-accent)}h1,h2,h3{letter-spacing:-.02em}.accent-text{color:var(--accent-cyan);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-violet)}.pulse-animation{animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.blink{color:var(--accent-cyan);animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glow-pulse{animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%{box-shadow:0 0 8px #00f2ff66;border-color:#00f2ffcc!important}50%{box-shadow:0 0 20px #00f2ffcc;border-color:#00f2ff!important}to{box-shadow:0 0 8px #00f2ff66;border-color:#00f2ffcc!important}}select,select option{background-color:var(--bg-secondary);color:var(--text-primary)}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-link{color:var(--text-secondary);padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.primary-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.primary-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.primary-btn:active{box-shadow:none;transform:translateY(0)}.secondary-btn{border:1px solid var(--border-default);color:var(--text-body);border-radius:var(--radius-md);cursor:pointer;background:0 0;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.secondary-btn:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateY(-1px)}.secondary-btn:active{transform:translateY(0)}.responsive-grid{grid-template-columns:1fr 400px;align-items:start;gap:2rem;display:grid}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.risk-grid{grid-template-columns:350px 1fr;gap:2rem;display:grid}@media (max-width:1400px){.responsive-grid{grid-template-columns:1fr 340px;gap:1.5rem}.risk-grid{grid-template-columns:300px 1fr;gap:1.5rem}}@media (max-width:1100px){.responsive-grid,.risk-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.landing-grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.landing-grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.landing-grid-4{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;display:grid}@media (max-width:1024px){.landing-grid-2{gap:2.5rem}.landing-grid-3,.landing-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-grid-2{grid-template-columns:1fr;gap:2rem}.landing-grid-3,.landing-grid-4{grid-template-columns:1fr;gap:1.5rem}h1{font-size:2.4rem!important}h2{font-size:1.8rem!important}.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}.premium-blueprint-bg{background-color:#030712;background-image:radial-gradient(#ffffff08 1px,#0000 1px),linear-gradient(#03071266 0%,#030712 100%);background-position:50%;background-size:24px 24px,100% 100%;position:relative;overflow:hidden}.clean-minimal-bg{color:#f8fafc;background-color:#090a0f;position:relative;overflow:hidden}.aesthetic-developer-bg{background-color:var(--bg-app);background-image:radial-gradient(at 0 0,#6366f10a 0,#0000 55%),radial-gradient(at 100% 100%,#6366f108 0,#0000 55%),radial-gradient(#ffffff03 1px,#0000 1px);background-size:100% 100%,100% 100%,28px 28px;position:relative;overflow:hidden}.blueprint-crosshair{opacity:.15;width:9px;height:9px;position:absolute}.blueprint-crosshair:before{content:"";background:var(--text-primary);height:1px;position:absolute;top:4px;left:0;right:0}.blueprint-crosshair:after{content:"";background:var(--text-primary);width:1px;position:absolute;top:0;bottom:0;left:4px}.glinting-border{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff0a;border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative}.glinting-border:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff0d);border-radius:12px;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glinting-border:hover:before{opacity:1;background:linear-gradient(135deg, var(--accent-cyan), transparent, var(--accent-violet))}.glinting-border:hover{border-color:#00f2ff33;box-shadow:0 0 30px #00f2ff0d}