:root{--accent:#14b8a6;--accent-light:#2dd4bf;--accent-dark:#0d9488;--accent-50:#14b8a60f;--accent-bg:#14b8a61a;--accent-bg-hover:#14b8a62e;--accent-border:#14b8a659;--bg-primary:#0a0a0f;--bg-secondary:#101017;--bg-card:#14141e;--bg-card-hover:#1a1a28;--bg-input:#0e0e16;--bg-surface:#18182a;--border:#1f1f30;--border-light:#2a2a42;--border-focus:var(--accent-border);--text-primary:#f0f0f5;--text-secondary:#9494ab;--text-muted:#5e5e78;--red:#ef4444;--red-bg:#ef44441f;--red-border:#ef44444d;--amber:#f59e0b;--amber-bg:#f59e0b1f;--amber-border:#f59e0b4d;--green:#22c55e;--green-bg:#22c55e1f;--green-border:#22c55e4d;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:.9375rem;--text-xl:1.0625rem;--text-2xl:1.25rem;--text-3xl:1.75rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--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;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:100px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow:0 0 24px #14b8a626;--shadow-glow-lg:0 0 48px #14b8a61a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:0;--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;line-height:1.6}body{min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}h1{font-size:var(--text-4xl);letter-spacing:-.03em;font-weight:800}h2{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);margin:0}a{color:var(--accent);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--accent-light)}code{font-family:var(--font-mono);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);padding:2px 6px;font-size:.875em}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans)}.container{max-width:1200px;padding:0 var(--space-6);width:100%;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card:hover{border-color:var(--border-light)}.badge{padding:var(--space-1) 10px;border-radius:var(--radius-full);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.badge--critical{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge--high{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge--medium{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge--low{color:var(--text-muted);background:#5e5e7826;border:1px solid #5e5e784d}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);font-weight:500;font-family:var(--font-sans);border:none;padding:10px 20px;line-height:1.4;display:inline-flex}.btn--primary{background:var(--accent);color:var(--bg-primary)}.btn--primary:hover{background:var(--accent-light);box-shadow:var(--shadow-glow)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.btn--secondary:hover{background:var(--accent-bg-hover)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn--ghost:hover{border-color:var(--border-light);color:var(--text-primary)}.btn--lg{border-radius:var(--radius-md);padding:14px 32px;font-size:1rem;font-weight:600}.progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width .6s}.progress-bar__fill--red{background:var(--red)}.progress-bar__fill--amber{background:var(--amber)}.progress-bar__fill--green{background:var(--green)}.code-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;overflow-x:auto}.code-block .keyword{color:#c084fc}.code-block .string{color:#34d399}.code-block .comment{color:var(--text-muted)}.code-block .function{color:#60a5fa}.plan-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-weight:600}.plan-status--complete{background:var(--green-bg);color:var(--green)}.plan-status--in-progress{background:var(--accent-bg);color:var(--accent)}.plan-status--not-started{color:var(--text-muted);background:#5e5e781a}.plan-status--blocked{background:var(--red-bg);color:var(--red)}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.page-header p{font-size:var(--text-lg);color:var(--text-secondary)}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}.page-header h1{font-size:var(--text-2xl)}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__body{flex:1;display:flex}.layout__main{padding:var(--space-10) 0;flex:1;min-width:0}.layout__main--dashboard{padding:var(--space-8) var(--space-8);max-width:1100px}.layout__footer{border-top:1px solid var(--border);padding:var(--space-6) 0;text-align:center}.layout__footer p{font-size:var(--text-base);color:var(--text-muted)}.layout--dashboard .layout__footer{margin-left:240px}.topbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fe0;position:sticky;top:0}.topbar__inner{height:56px;padding:0 var(--space-6);justify-content:space-between;align-items:center;max-width:100%;display:flex}.topbar__brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.topbar__logo{background:var(--accent);width:32px;height:32px;color:var(--bg-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.topbar__name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.topbar__nav{align-items:center;gap:var(--space-2);display:flex}.topbar__link{border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-muted);white-space:nowrap;transition:color var(--transition-base), background var(--transition-base);padding:6px 14px;font-weight:500;text-decoration:none}.topbar__link:hover{color:var(--text-secondary)}.topbar__cta{margin-left:var(--space-3);font-size:var(--text-md);padding:8px 20px}.topbar__project{align-items:center;gap:var(--space-2);display:flex}.topbar__project-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.topbar__project-name{font-size:var(--text-md);color:var(--text-secondary);font-family:var(--font-mono)}.sidebar{border-right:1px solid var(--border);background:var(--bg-secondary);width:240px;padding:var(--space-4) var(--space-3);flex-shrink:0;height:calc(100vh - 56px);position:sticky;top:56px;overflow-y:auto}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--text-muted);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{color:var(--text-secondary);background:var(--bg-card)}.sidebar__link--active{color:var(--accent)!important;background:var(--accent-bg)!important}.sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__label{white-space:nowrap}@media (width<=900px){.sidebar{display:none}.layout--dashboard .layout__footer{margin-left:0}.layout__main--dashboard{padding:var(--space-6) var(--space-4)}.topbar__inner{padding:0 var(--space-4)}}@media (width<=768px){.topbar__nav{gap:var(--space-1)}.topbar__link{font-size:var(--text-sm);padding:6px 10px}.layout__main{padding:var(--space-6) 0}}