:root{--bg-primary: #020617;--bg-secondary: #0F172A;--bg-tertiary: #1E293B;--bg-card: #0F172A;--bg-card-hover: #1E293B;--bg-glass: rgba(15, 23, 42, .72);--bg-glass-hover: rgba(15, 23, 42, .88);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-inverse: #0F172A;--border-primary: rgba(248, 250, 252, .08);--border-secondary: rgba(248, 250, 252, .16);--border-subtle: rgba(248, 250, 252, .04);--color-cta: #22C55E;--color-cta-light: #4ADE80;--color-cta-soft: rgba(34, 197, 94, .12);--color-cta-border: rgba(34, 197, 94, .25);--color-cta-glow: 0 0 20px rgba(34, 197, 94, .2);--accent-blue: #3B82F6;--accent-blue-soft: rgba(59, 130, 246, .12);--accent-blue-border: rgba(59, 130, 246, .25);--accent-blue-light: #60A5FA;--accent-purple: #A855F7;--accent-purple-soft: rgba(168, 85, 247, .12);--accent-purple-border: rgba(168, 85, 247, .25);--accent-purple-light: #C084FC;--accent-green: #22C55E;--accent-green-soft: rgba(34, 197, 94, .12);--accent-green-border: rgba(34, 197, 94, .25);--accent-green-light: #4ADE80;--accent-red: #EF4444;--accent-amber: #F59E0B;--alert-bg: rgba(239, 68, 68, .1);--alert-border: rgba(239, 68, 68, .25);--alert-text: #FCA5A5;--status-exists-bg: rgba(34, 197, 94, .15);--status-exists-text: #86EFAC;--status-new-bg: rgba(245, 158, 11, .15);--status-new-text: #FCD34D;--status-not-started: #64748B;--status-not-started-bg: rgba(100, 116, 139, .12);--status-blocked: #F59E0B;--status-blocked-bg: rgba(245, 158, 11, .12);--status-in-development: #FBBF24;--status-in-development-bg: rgba(251, 191, 36, .12);--status-in-review: #60A5FA;--status-in-review-bg: rgba(96, 165, 250, .12);--status-implemented: #22C55E;--status-implemented-bg: rgba(34, 197, 94, .12);--info-bg: rgba(245, 158, 11, .08);--info-border: rgba(245, 158, 11, .2);--info-title: #FCD34D;--info-text: #FDE68A;--success-bg: rgba(34, 197, 94, .08);--success-border: rgba(34, 197, 94, .2);--success-title: #86EFAC;--success-text: #BBF7D0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 25px rgba(59, 130, 246, .25);--shadow-glow-purple: 0 0 25px rgba(168, 85, 247, .25);--shadow-glow-green: 0 0 25px rgba(34, 197, 94, .25);--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.875rem, .82rem + .28vw, 1rem);--text-lg: clamp(1rem, .85rem + .75vw, 1.35rem);--text-xl: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);--text-hero: clamp(1.75rem, 1.2rem + 2.5vw, 3rem);--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, 1rem);--space-md: clamp(1rem, .75rem + 1.1vw, 2rem);--space-lg: clamp(1.5rem, 1rem + 2.2vw, 3.5rem);--space-xl: clamp(2rem, 1rem + 4.4vw, 6rem);--font-display: "Fira Code", "SF Mono", monospace;--font-body: "Fira Sans", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "SF Mono", "Consolas", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--toggle-bg: #1E293B;--toggle-knob: #94A3B8;--toggle-icon: #F1F5F9}[data-theme=light]{--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F5F9;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .88);--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--text-inverse: #F8FAFC;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--border-subtle: rgba(0, 0, 0, .06);--accent-blue-soft: rgba(59, 130, 246, .08);--accent-blue-border: rgba(59, 130, 246, .2);--accent-purple-soft: rgba(168, 85, 247, .08);--accent-purple-border: rgba(168, 85, 247, .2);--accent-green-soft: rgba(34, 197, 94, .08);--accent-green-border: rgba(34, 197, 94, .2);--color-cta-soft: rgba(34, 197, 94, .08);--color-cta-border: rgba(34, 197, 94, .2);--color-cta-glow: 0 0 15px rgba(34, 197, 94, .12);--alert-bg: #FEF2F2;--alert-border: #FECACA;--alert-text: #991B1B;--status-exists-bg: rgba(34, 197, 94, .1);--status-exists-text: #166534;--status-new-bg: rgba(245, 158, 11, .1);--status-new-text: #92400E;--status-not-started: #94A3B8;--status-not-started-bg: #F1F5F9;--status-blocked: #D97706;--status-blocked-bg: #FEF3C7;--status-in-development: #CA8A04;--status-in-development-bg: #FEF9C3;--status-in-review: #3B82F6;--status-in-review-bg: #DBEAFE;--status-implemented: #16A34A;--status-implemented-bg: #DCFCE7;--info-bg: #FFFBEB;--info-border: #FDE68A;--info-title: #92400E;--info-text: #78350F;--success-bg: #F0FDF4;--success-border: #BBF7D0;--success-title: #166534;--success-text: #14532D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .15);--shadow-glow-green: 0 0 20px rgba(34, 197, 94, .15);--toggle-bg: #E2E8F0;--toggle-knob: #FFFFFF;--toggle-icon: #64748B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty;overflow-wrap:break-word}.app-container{max-width:900px;margin:0 auto;padding:32px 24px 60px}@media(max-width:640px){.app-container{padding:20px 16px 40px}}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-primary);gap:16px}.header-content h1{font-family:var(--font-mono);font-size:var(--text-hero);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;text-shadow:0 0 30px rgba(34,197,94,.15)}[data-theme=light] .header-content h1{text-shadow:none}.header-content .subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin-top:6px;font-weight:300;letter-spacing:.04em;text-transform:uppercase}.header-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-cta);border:1px solid var(--color-cta-border);white-space:nowrap;margin-top:10px}.theme-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:4px}.theme-toggle-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.theme-toggle-btn{position:relative;width:52px;height:28px;border-radius:14px;background:var(--toggle-bg);border:none;cursor:pointer;transition:background var(--transition-normal),box-shadow var(--transition-normal);padding:0}.theme-toggle-btn:hover{box-shadow:0 0 0 3px #22c55e26}.theme-toggle-btn:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-cta);box-shadow:0 0 8px #22c55e66;transition:transform .35s cubic-bezier(.34,1.56,.64,1);transform:translate(24px)}[data-theme=light] .theme-toggle-btn{box-shadow:none}[data-theme=light] .theme-toggle-btn:after{transform:translate(0);background:var(--toggle-knob);box-shadow:0 1px 3px #0003}.theme-toggle-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;transition:opacity var(--transition-fast);display:flex;align-items:center}.theme-toggle-icon.sun{left:6px;opacity:.4}.theme-toggle-icon.moon{right:6px;opacity:1}[data-theme=light] .theme-toggle-icon.sun{opacity:1}[data-theme=light] .theme-toggle-icon.moon{opacity:.5}.tab-nav{display:flex;gap:2px;margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-subtle)}.tab-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-weight:500;color:var(--text-tertiary);font-size:var(--text-sm);font-family:var(--font-body);transition:all .2s ease,color .15s ease;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.tab-icon{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--color-cta);font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-sm),0 0 12px #22c55e1f}[data-theme=light] .tab-btn.active{box-shadow:var(--shadow-sm),0 1px 0 0 var(--color-cta) inset}@media(max-width:640px){.tab-btn{font-size:var(--text-xs);padding:8px 10px}}.section-container{margin-bottom:var(--space-lg);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.section-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.section-container:hover{border-color:var(--border-secondary)}.section-container.blue{background:var(--accent-blue-soft);border-color:var(--accent-blue-border)}.section-container.blue:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-blue-light))}.section-container.purple{background:var(--accent-purple-soft);border-color:var(--accent-purple-border)}.section-container.purple:before{background:linear-gradient(90deg,var(--accent-purple),var(--accent-purple-light))}.section-container.green{background:var(--accent-green-soft);border-color:var(--accent-green-border)}.section-container.green:before{background:linear-gradient(90deg,var(--accent-green),var(--accent-green-light))}.section-header h2{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;margin-bottom:2px}.section-header .section-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.02em}.section-header .kpi-count{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--bg-glass);padding:2px 8px;border-radius:10px}.section-header{margin-bottom:16px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:10px;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;transition:width .2s ease}.kpi-card.blue:before{background:var(--accent-blue)}.kpi-card.purple:before{background:var(--accent-purple)}.kpi-card.green:before{background:var(--accent-green)}.kpi-card:hover{transform:scale(1.01);border-color:var(--border-secondary)}.kpi-card:hover:before{width:5px}.kpi-card:active{transform:scale(.995);transition-duration:.06s}.kpi-card.blue:hover{box-shadow:var(--shadow-glow-blue)}.kpi-card.purple:hover{box-shadow:var(--shadow-glow-purple)}.kpi-card.green:hover{box-shadow:var(--shadow-glow-green)}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi-card-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);flex:1}.kpi-card-status{font-family:var(--font-mono);font-size:var(--text-xs);padding:3px 10px;border-radius:20px;font-weight:500;white-space:nowrap;letter-spacing:.02em}.kpi-card-status.exists{background:var(--status-exists-bg);color:var(--status-exists-text)}.kpi-card-status.new{background:var(--status-new-bg);color:var(--status-new-text)}.kpi-card-chevron{color:var(--text-tertiary);font-size:var(--text-xs);transition:transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;width:20px;text-align:center}.kpi-card-chevron.open{transform:rotate(180deg)}.kpi-card-detail{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-normal),margin var(--transition-normal);margin-top:0}.kpi-card-detail.open{max-height:500px;opacity:1;margin-top:14px}.kpi-detail-row{display:flex;gap:8px;margin-bottom:10px;font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.kpi-detail-label{font-family:var(--font-mono);font-weight:600;color:var(--text-tertiary);white-space:nowrap;min-width:fit-content}.kpi-alert-box{background:var(--alert-bg);border:1px solid var(--alert-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--text-xs);display:flex;align-items:flex-start;gap:6px}.kpi-alert-box .alert-icon{flex-shrink:0;font-size:14px}.kpi-alert-box .alert-text{color:var(--alert-text)}.kpi-card-name-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.kpi-number-chip{font-family:var(--font-mono);font-size:.7rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-tertiary);padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.kpi-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;transition:background-color .3s ease,color .3s ease}.kpi-blocked-reason{font-size:.8rem;font-style:italic;color:var(--status-blocked);opacity:.8;margin-top:6px;padding-left:4px}.kpi-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-subtle)}.kpi-updated-at{font-size:.7rem;color:var(--text-secondary);opacity:.6}.routine-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:16px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.routine-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.routine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.routine-freq{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.routine-duration{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 12px;border-radius:20px;font-weight:500}.routine-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:14px;display:flex;gap:16px;flex-wrap:wrap}.routine-meta strong{color:var(--text-secondary);font-weight:600}.routine-actions{display:flex;flex-direction:column;gap:6px}.routine-action{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding:4px 0}.routine-action-num{color:#fff;font-family:var(--font-mono);font-weight:600;min-width:22px;font-size:var(--text-xs);background:var(--color-cta);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.info-box{border-radius:var(--radius-md);padding:18px 18px 18px 22px;margin-top:10px;border:1px solid;position:relative;overflow:hidden}.info-box:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.info-box.warning{background:var(--info-bg);border-color:var(--info-border)}.info-box.warning:before{background:var(--accent-amber)}.info-box.success{background:var(--success-bg);border-color:var(--success-border)}.info-box.success:before{background:var(--accent-green)}.info-box-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;margin-bottom:6px}.info-box.warning .info-box-title{color:var(--info-title)}.info-box.success .info-box-title{color:var(--success-title)}.info-box-text{font-size:var(--text-sm);line-height:1.7}.info-box.warning .info-box-text{color:var(--info-text)}.info-box.success .info-box-text{color:var(--success-text)}.phase-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:16px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.phase-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.phase-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.phase-card.urgent:before{background:var(--accent-red)}.phase-card.medium:before{background:var(--accent-amber)}.phase-card.normal:before{background:var(--accent-green)}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.phase-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.phase-timeframe{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 14px;border-radius:20px;font-weight:500}.phase-items{display:flex;flex-direction:column;gap:8px}.phase-item{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.phase-item-bullet{width:8px;height:8px;border-radius:50%;border:2px solid var(--border-secondary);flex-shrink:0;margin-top:6px}.phase-card.urgent .phase-item-bullet{border-color:var(--accent-red)}.phase-card.medium .phase-item-bullet{border-color:var(--accent-amber)}.phase-card.normal .phase-item-bullet{border-color:var(--accent-green)}.section-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:20px;text-shadow:0 0 20px rgba(34,197,94,.1)}[data-theme=light] .section-title{text-shadow:none}body:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-cta);transform-origin:left;z-index:9999;animation:scroll-progress linear;animation-timeline:scroll()}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports not (animation-timeline: scroll()){body:before{display:none}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay;z-index:9998}[data-theme=light] body:after{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) forwards}.fade-in-delay-1{animation-delay:.06s;opacity:0}.fade-in-delay-2{animation-delay:.12s;opacity:0}.fade-in-delay-3{animation-delay:.18s;opacity:0}.section-container,.routine-card,.phase-card,.info-box{animation:card-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 25%}@keyframes card-reveal{0%{opacity:.4;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@supports not (animation-timeline: view()){.section-container,.routine-card,.phase-card,.info-box{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--color-cta);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--border-primary: rgba(248, 250, 252, .25)}[data-theme=light]{--text-primary: #000000;--text-secondary: #1E293B;--bg-primary: #FFFFFF;--bg-card: #FFFFFF;--border-primary: #334155}}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-info{display:flex;align-items:center;gap:8px}.user-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.logout-btn{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:4px 10px;cursor:pointer;font-family:var(--font-mono);transition:all var(--transition-fast)}.logout-btn:hover{color:var(--accent-red);border-color:var(--accent-red);background:var(--alert-bg)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--color-cta);border-radius:50%;animation:spin .8s linear infinite}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(59,130,246,.15),transparent),radial-gradient(ellipse 60% 70% at 80% 20%,rgba(34,197,94,.12),transparent),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(168,85,247,.1),transparent),var(--bg-primary);background-attachment:fixed}[data-theme=light] .login-wrapper{background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(59,130,246,.25),transparent),radial-gradient(ellipse 60% 70% at 80% 20%,rgba(168,85,247,.2),transparent),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(34,197,94,.15),transparent),var(--bg-primary)}.login-card{width:100%;max-width:400px;background:#0f172aa6;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(248,250,252,.08);border-radius:var(--radius-xl);padding:44px 36px;box-shadow:0 4px 32px #0000004d,0 0 0 1px #f8fafc08,0 0 80px #22c55e0f;animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}[data-theme=light] .login-card{background:#ffffffbf;border-color:#00000014;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a}.login-header{text-align:center;margin-bottom:32px}.login-logo-img{width:132px;height:132px;margin-bottom:8px;object-fit:contain}.login-header h1{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:4px}.login-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.login-field input{padding:12px 14px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-body);background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);transition:all var(--transition-fast);outline:none}[data-theme=light] .login-field input{background:#fff9}.login-field input:focus{border-color:var(--color-cta);box-shadow:0 0 0 3px #22c55e26;background:#0f172acc}[data-theme=light] .login-field input:focus{background:#ffffffe6}.login-field input::placeholder{color:var(--text-tertiary)}.login-error{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--alert-bg);border:1px solid var(--alert-border);color:var(--alert-text);font-size:var(--text-sm);animation:fadeIn var(--transition-fast) forwards}.login-btn{padding:12px;border:none;border-radius:var(--radius-sm);background:var(--color-cta);color:#fff;font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:46px;letter-spacing:.01em}.login-btn:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 20px #22c55e59;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.login-card{padding:32px 24px}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}}.error-screen-content{text-align:center;max-width:400px}.error-screen-title{margin-bottom:12px;font-size:1.2rem}.error-screen-message{margin-bottom:16px;opacity:.7;font-size:.9rem}.error-screen-btn{padding:8px 20px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:background var(--transition-base)}.error-screen-btn:hover{background:var(--bg-primary)}.section-title-blue{color:var(--accent-blue)}.section-title-purple{color:var(--accent-purple)}.section-title-green{color:var(--accent-green)}.kpi-card-actions{display:flex;align-items:center;gap:8px}.phase-timeline{display:flex;flex-direction:column;gap:0}.timeline-phase{position:relative}.timeline-phase-inactive{opacity:.5}.timeline-phase-header{display:flex;align-items:center;gap:16px;padding:16px 0}.timeline-phase-circle{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--text-secondary);background:var(--bg-card);flex-shrink:0;z-index:1}.timeline-phase-info{flex:1;min-width:0}.timeline-phase-title{font-weight:700;font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px}.timeline-phase-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline-phase-timeframe{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.timeline-mini-progress{display:flex;align-items:center;gap:8px}.timeline-mini-progress-track{width:60px;height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.timeline-mini-progress-fill{height:100%;background:var(--status-implemented);border-radius:9999px;transition:width .6s ease}.timeline-mini-progress-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary)}.timeline-items{border-left:2px solid var(--border-primary);margin-left:19px;padding-left:28px;padding-bottom:8px}.timeline-item{padding:10px 14px;margin-bottom:6px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-primary);transition:transform .12s ease,box-shadow .2s ease}.timeline-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.timeline-item-completed{opacity:.7;background:var(--status-implemented-bg)}.timeline-item-blocked{border-left:3px solid var(--status-blocked)}.timeline-item-row{display:flex;align-items:center;gap:10px}.timeline-icon{flex-shrink:0;width:20px;text-align:center;font-size:.9rem}.timeline-icon.completed{color:var(--status-implemented);font-weight:700}.timeline-icon.in-progress{color:var(--status-in-development)}.timeline-icon.blocked{font-size:.8rem}.timeline-icon.pending{color:var(--text-tertiary)}.timeline-item-text{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.timeline-item-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;transition:background-color .3s ease,color .3s ease}.timeline-item-blocked-reason{font-size:.75rem;font-style:italic;color:var(--status-blocked);opacity:.8;margin-top:6px;padding-left:30px}.hero-collapse-wrapper{margin-top:var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.hero-collapse-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:inherit;transition:background var(--transition-fast)}.hero-collapse-toggle:hover{background:var(--bg-tertiary)}.hero-collapse-chevron{font-size:var(--text-xs);color:var(--text-tertiary);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hero-collapse-chevron.open{transform:rotate(180deg)}.hero-collapse-content{padding:0 20px 20px}.hero-section{margin-bottom:var(--space-md)}.hero-pipeline{display:flex;align-items:center;gap:0;margin-bottom:var(--space-md)}.hero-pipeline-phase{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.hero-pipeline-phase.inactive{opacity:.5}.hero-pipeline-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-primary)}.hero-pipeline-phase:not(.inactive) .hero-pipeline-bar-container{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.hero-pipeline-bar-fill{height:100%;background:var(--status-implemented);border-radius:9999px;transition:width .6s ease}.hero-pipeline-label{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);text-align:center}.hero-pipeline-ratio{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary)}.hero-pipeline-connector{width:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-bottom:36px}.hero-pipeline-connector-line{width:100%;height:2px}.hero-pipeline-connector-line.solid{background:var(--status-implemented)}.hero-pipeline-connector-line.dashed{background:none;border-top:2px dashed var(--border-secondary)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:16px;text-align:center;opacity:0;animation:stat-entrance .4s ease forwards}.hero-stat-card:nth-child(1){animation-delay:0ms}.hero-stat-card:nth-child(2){animation-delay:.1s}.hero-stat-card:nth-child(3){animation-delay:.2s}.hero-stat-card:nth-child(4){animation-delay:.3s}.hero-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:4px}.hero-stat-value.attention{color:var(--status-blocked)}.hero-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:8px}.hero-stat-bar{height:3px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-top:8px}.hero-stat-bar-fill{height:100%;background:var(--status-implemented);border-radius:9999px}.hero-stat-bar-fill.attention{background:var(--status-blocked)}.filter-bar{display:flex;gap:8px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border-radius:9999px;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;flex-shrink:0}.filter-pill:hover:not(.disabled){border-color:var(--border-secondary)}.filter-pill.active{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.filter-pill.disabled{opacity:.4;cursor:default}.filter-pill-count{font-family:var(--font-mono);font-size:.7rem;opacity:.7}@keyframes progress-fill{0%{width:0}}.progress-bar-animate{animation:progress-fill .8s ease-out}@keyframes stat-entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}.kpi-blocked,.timeline-item-blocked{animation:subtle-pulse 3s ease-in-out infinite}@media(max-width:640px){.hero-pipeline{flex-direction:column;gap:8px}.hero-pipeline-connector{width:auto;height:16px;padding-bottom:0}.hero-pipeline-connector-line{width:2px;height:100%}.hero-pipeline-connector-line.dashed{border-top:none;border-left:2px dashed var(--border-secondary)}.hero-stats{grid-template-columns:repeat(2,1fr)}.filter-bar{padding:8px 0}.timeline-item-badge{display:none}.timeline-item-row{flex-wrap:wrap}}.inline-editable{cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .2s,background .2s;border-radius:2px;padding:0 2px}.inline-editable:hover{border-bottom-color:var(--cta-green, #22c55e);background:#5968591a}.inline-edit-input{font-family:inherit;font-size:inherit;line-height:inherit;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--cta-green, #22c55e);border-radius:4px;padding:2px 6px;width:100%;box-sizing:border-box;outline:none;transition:opacity .2s}.inline-edit-input:focus{box-shadow:0 0 0 2px #009b2940;box-shadow:0 0 0 2px oklch(.6 .2 145 / .25)}.inline-edit-input.saving{opacity:.5;pointer-events:none}textarea.inline-edit-input{resize:vertical;min-height:60px}.status-select-wrapper{display:inline-flex;align-items:center;gap:4px;position:relative}.status-select{font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:3px 18px 3px 8px;border-radius:999px;border:1px solid transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:10px;transition:border-color .2s,box-shadow .2s;outline:none}.status-select:hover{border-color:var(--border-secondary)}.status-select:focus{border-color:var(--cta-green, #22c55e);box-shadow:0 0 0 2px #009b2933;box-shadow:0 0 0 2px oklch(.6 .2 145 / .2)}.status-select option{background:var(--card-bg);color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media(max-width:640px){.status-select{font-size:.65rem;padding:2px 16px 2px 6px}}.crud-add-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--cta-green, #22c55e);background:transparent;border:1px dashed var(--cta-green, #22c55e);border-radius:8px;padding:8px 16px;cursor:pointer;margin-top:8px;transition:background .2s,color .2s;width:100%;justify-content:center}.crud-add-btn:hover{background:#008a231a;background:oklch(.55 .18 145 / .1)}.crud-add-btn:disabled{opacity:.5;cursor:not-allowed}.crud-delete-zone{display:inline-flex;align-items:center;flex-shrink:0}.crud-delete-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;opacity:.3;transition:opacity .2s,color .2s,background .2s}.kpi-card:hover .crud-delete-btn,.timeline-item:hover .crud-delete-btn{opacity:.7}.crud-delete-btn:hover{opacity:1!important;color:#d40924;background:#d409241a}.crud-confirm{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;white-space:nowrap}.crud-confirm-text{color:#d40924;font-weight:600}.crud-confirm-yes,.crud-confirm-no{font-family:inherit;font-size:.7rem;font-weight:600;border:none;border-radius:4px;padding:2px 8px;cursor:pointer;transition:background .15s}.crud-confirm-yes{background:#d4092426;color:#d40924}.crud-confirm-yes:hover{background:#d409244d}.crud-confirm-no{background:var(--bg-secondary);color:var(--text-secondary)}.crud-confirm-no:hover{background:var(--border-secondary)}.deleting{opacity:.3;pointer-events:none;transition:opacity .3s}