@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){.cookie-banner{flex-direction:column;padding:16px 20px;text-align:center}.cookie-actions{width:100%}.cookie-btn{flex:1 1}}.landing-container{background:#fff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes heroVideoReveal{0%{opacity:0;transform:translateX(60px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.animate-on-scroll{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.visible{opacity:1}.slide-left{transform:translateX(-50px)}.slide-left.visible{animation:slideInFromLeft 1s cubic-bezier(.22,1,.36,1) forwards;transform:translateX(0)}.slide-right{transform:translateX(50px)}.slide-right.visible{animation:slideInFromRight 1s cubic-bezier(.22,1,.36,1) forwards;transform:translateX(0)}.slide-up{transform:translateY(40px)}.slide-up.visible{animation:slideInFromBottom 1s cubic-bezier(.22,1,.36,1) forwards;transform:translateY(0)}.fade-scale{transform:scale(.95)}.fade-scale.visible{animation:fadeInScale .9s cubic-bezier(.22,1,.36,1) forwards;transform:scale(1)}.delay-1{animation-delay:.15s!important}.delay-2{animation-delay:.3s!important}.delay-3{animation-delay:.45s!important}.delay-4{animation-delay:.6s!important}.delay-5{animation-delay:.75s!important}.landing-hero-content{animation:slideInFromLeft 1.2s cubic-bezier(.22,1,.36,1) .3s both}.landing-hero-visual{animation:heroVideoReveal 1.4s cubic-bezier(.22,1,.36,1) .5s both}.landing-nav{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:20px 60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{gap:10px}.landing-logo-icon{align-items:center;background:linear-gradient(135deg,#e07b67,#c85f4a);border-radius:8px;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.landing-logo-text{color:#1a1a1a;font-size:1.4rem;font-weight:700}.landing-logo-text span{color:#e07b67}.landing-nav-links{align-items:center;display:flex;gap:32px}.landing-nav-links a{color:#666;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:#e07b67}.landing-nav-auth{align-items:center;display:flex;gap:16px}.landing-btn-login{color:#1a1a1a;font-weight:500;padding:10px 20px;text-decoration:none;transition:color .2s}.landing-btn-login:hover{color:#e07b67}.landing-btn-start{background:#e07b67;border-radius:8px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.landing-btn-start:hover{background:#c85f4a;box-shadow:0 4px 12px #e07b674d;transform:translateY(-1px)}.landing-hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:80px 60px 100px;position:relative}.landing-hero-content{max-width:580px}.landing-hero h1{color:#1a1a1a;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 24px}.landing-hero h1 .accent{color:#e07b67}.landing-hero-subtitle{color:#666;font-size:1.25rem;line-height:1.7;margin:0 0 40px}.landing-hero-actions{align-items:center;display:flex;gap:16px}.landing-btn-primary{align-items:center;background:#e07b67;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .2s}.landing-btn-primary:hover{background:#c85f4a;box-shadow:0 8px 25px #e07b6759;transform:translateY(-2px)}.landing-btn-outline{background:#0000;border:2px solid #e0e0e0;border-radius:10px;color:#1a1a1a;font-size:1rem;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .2s}.landing-btn-outline:hover{border-color:#e07b67;color:#e07b67}.landing-hero-visual{perspective:1000px;position:relative}.landing-hero-carousel{border-radius:24px;box-shadow:0 25px 80px #00000026,0 10px 30px #0000001a;height:450px;overflow:hidden;position:relative;width:100%}.carousel-overlay{background:linear-gradient(135deg,#1a1a1a33,#2d2d2d1a 50%,#00000040),linear-gradient(180deg,#0000000d 0,#0000 30%,#0000 70%,#0003);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.landing-hero-carousel:before{background:linear-gradient(135deg,#e07b674d,#0000 50%,#e07b6733);border-radius:26px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.landing-hero-carousel:hover:before{opacity:1}.carousel-image{filter:saturate(.95) contrast(1.02);height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);width:100%}.carousel-image.active{opacity:1}.landing-hero-carousel:hover .carousel-image.active{transform:scale(1.02);transition:opacity 1.5s cubic-bezier(.4,0,.2,1),transform 8s cubic-bezier(.22,1,.36,1)}.carousel-indicators{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.carousel-dot{background:#0000;border:2px solid #ffffffb3;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .4s cubic-bezier(.22,1,.36,1);width:10px}.carousel-dot:hover{background:#ffffff80;transform:scale(1.2)}.carousel-dot.active{background:#fffffff2;border-color:#fffffff2;transform:scale(1.1)}.landing-hero-image{background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border-radius:24px;box-shadow:0 25px 80px #00000026;height:450px;overflow:hidden;width:100%}.landing-hero-image img{height:100%;object-fit:cover;width:100%}.landing-features{background:#fafafa;padding:100px 60px}.landing-features-header{margin:0 auto 60px;max-width:700px;text-align:center}.landing-features-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 16px}.landing-features-header p{color:#666;font-size:1.15rem;margin:0}.landing-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1300px}.landing-feature-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:32px 28px;transition:all .3s}.landing-feature-card:hover{border-color:#e07b67;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.landing-feature-icon{align-items:center;background:linear-gradient(135deg,#fff5f3,#ffeae6);border-radius:12px;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:20px;width:48px}.landing-feature-card h3{color:#e07b67;font-size:1.15rem;font-weight:600;margin:0 0 12px}.landing-feature-card p{color:#666;font-size:.95rem;line-height:1.6;margin:0}.landing-stats{background:#fff;padding:80px 60px}.landing-stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1100px;text-align:center}.landing-stat-item h3{color:#e07b67;font-size:3rem;font-weight:800;margin:0 0 8px}.landing-stat-item p{color:#666;font-size:1rem;margin:0}.landing-cta{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:100px 60px;text-align:center}.landing-cta h2{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 16px}.landing-cta p{color:#999;font-size:1.15rem;margin:0 0 40px}.landing-footer{background:#fafafa;border-top:1px solid #eee;padding:40px 60px;text-align:center}.landing-footer p{color:#999;font-size:.9rem;margin:0}@media (max-width:1024px){.landing-nav{padding:16px 32px}.landing-hero{gap:40px;grid-template-columns:1fr;padding:50px 32px 60px}.landing-hero-visual{order:-1}.landing-hero-content{max-width:100%;text-align:center}.landing-hero h1{font-size:2.8rem}.landing-hero-actions{justify-content:center}.landing-hero-carousel,.landing-hero-image{border-radius:20px;height:350px}.landing-features{padding:70px 32px}.landing-features-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.landing-stats{padding:60px 32px}.landing-stats-grid{gap:32px;grid-template-columns:repeat(2,1fr)}.landing-cta{padding:70px 32px}.landing-footer{padding:32px}}@media (max-width:768px){.landing-nav{padding:14px 20px}.landing-nav-links{display:none}.landing-logo-icon{font-size:1rem;height:32px;width:32px}.landing-logo-text{font-size:1.2rem}.landing-nav-auth{gap:10px}.landing-btn-login{font-size:.9rem;padding:8px 14px}.landing-btn-start{font-size:.9rem;padding:10px 18px}.landing-hero{gap:32px;padding:40px 20px 50px}.landing-hero h1{font-size:2.2rem;margin-bottom:16px}.landing-hero-subtitle{font-size:1.05rem;margin-bottom:28px}.landing-hero-actions{flex-direction:column;gap:12px}.landing-btn-outline,.landing-btn-primary{justify-content:center;padding:14px 24px;width:100%}.landing-hero-carousel,.landing-hero-image{border-radius:16px;height:280px}.carousel-indicators{bottom:14px;gap:8px}.carousel-dot{height:8px;width:8px}.landing-features{padding:60px 20px}.landing-features-header{margin-bottom:40px}.landing-features-header h2{font-size:1.8rem}.landing-features-header p{font-size:1rem}.landing-features-grid{gap:16px;grid-template-columns:1fr}.landing-feature-card{padding:24px 20px}.landing-feature-icon{font-size:1.2rem;height:42px;width:42px}.landing-feature-card h3{font-size:1.05rem}.landing-feature-card p{font-size:.9rem}.landing-stats{padding:50px 20px}.landing-stats-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.landing-stat-item h3{font-size:2.2rem}.landing-stat-item p{font-size:.9rem}.landing-cta{padding:60px 20px}.landing-cta h2{font-size:1.8rem}.landing-cta p{font-size:1rem;margin-bottom:28px}.landing-footer{padding:28px 20px}.landing-footer p{font-size:.85rem}}@media (max-width:480px){.landing-nav{padding:12px 16px}.landing-logo-icon{font-size:.9rem;height:28px;width:28px}.landing-logo-text{font-size:1.1rem}.landing-btn-login{font-size:.85rem;padding:6px 10px}.landing-btn-start{border-radius:6px;font-size:.85rem;padding:8px 14px}.landing-hero{gap:24px;padding:32px 16px 40px}.landing-hero h1{font-size:1.8rem;line-height:1.2}.landing-hero-subtitle{font-size:.95rem;line-height:1.6;margin-bottom:24px}.landing-btn-outline,.landing-btn-primary{border-radius:8px;font-size:.9rem;padding:12px 20px}.landing-hero-carousel,.landing-hero-image{border-radius:12px;height:220px}.carousel-indicators{bottom:10px;gap:6px}.carousel-dot{border-width:1.5px;height:7px;width:7px}.landing-features{padding:48px 16px}.landing-features-header{margin-bottom:32px}.landing-features-header h2{font-size:1.5rem}.landing-features-header p{font-size:.9rem}.landing-feature-card{border-radius:12px;padding:20px 16px}.landing-feature-icon{font-size:1.1rem;height:38px;margin-bottom:14px;width:38px}.landing-feature-card h3{font-size:1rem;margin-bottom:8px}.landing-feature-card p{font-size:.85rem}.landing-stats{padding:40px 16px}.landing-stats-grid{gap:20px}.landing-stat-item h3{font-size:1.8rem}.landing-stat-item p{font-size:.8rem}.landing-cta{padding:48px 16px}.landing-cta h2{font-size:1.5rem}.landing-cta p{font-size:.9rem;margin-bottom:24px}.landing-footer{padding:24px 16px}.landing-footer p{font-size:.8rem}}@media (max-width:360px){.landing-hero h1{font-size:1.6rem}.landing-hero-subtitle{font-size:.9rem}.landing-stat-item h3{font-size:1.5rem}}.auth-container{display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-section{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.auth-logo{gap:10px;margin-bottom:60px}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#e07b67,#c85f4a);border-radius:10px;font-size:1.3rem;height:40px;justify-content:center;width:40px}.auth-logo-text{color:#1a1a1a;font-size:1.5rem;font-weight:700}.auth-logo-text span{color:#e07b67}.auth-content{max-width:420px}.auth-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px}.auth-content .auth-subtitle{color:#666;font-size:1rem;margin:0 0 40px}.auth-form{gap:20px}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:8px}.auth-form-group label{color:#1a1a1a;font-size:.9rem;font-weight:500}.auth-form-group input{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;color:#1a1a1a;font-size:1rem;padding:14px 16px;transition:all .2s;width:100%}.auth-form-group input::placeholder{color:#999}.auth-form-group input:focus{border-color:#e07b67;box-shadow:0 0 0 3px #e07b671f;outline:none}.auth-submit-btn{background:#e07b67;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:16px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){background:#c85f4a;box-shadow:0 6px 20px #e07b674d;transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;display:flex;gap:16px;margin:24px 0}.auth-divider-line{background:#eee;flex:1 1;height:1px}.auth-divider-text{color:#999;font-size:.85rem}.auth-social-btn{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;padding:14px;transition:all .2s;width:100%}.auth-social-btn:hover{background:#fafafa;border-color:#1a1a1a}.auth-social-btn img,.auth-social-btn svg{height:20px;width:20px}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626}.auth-error,.auth-success{font-size:.9rem;padding:14px 16px}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a}.auth-link{color:#666;font-size:.95rem;margin-top:24px;text-align:center}.auth-link a{color:#e07b67;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-visual-section{align-items:center;background:linear-gradient(135deg,#f8f8f8,#eee);display:flex;justify-content:center;overflow:hidden;position:relative}.auth-visual-content{padding:40px;position:relative;text-align:center;z-index:1}.auth-visual-image{bottom:0;left:0;position:absolute;right:0;top:0}.auth-visual-image img{height:100%;object-fit:cover;opacity:.9;width:100%}.auth-visual-overlay{background:linear-gradient(135deg,#e07b67d9,#c85f4ae6);bottom:0;left:0;position:absolute;right:0;top:0}.auth-visual-text{color:#fff;margin:0 auto;max-width:400px;position:relative;z-index:2}.auth-visual-text h2{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}.auth-visual-text p{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}@media (max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-visual-section{display:none}.auth-form-section{justify-content:flex-start;padding:60px 32px 40px}.auth-logo{margin-bottom:48px}.auth-content{margin:0 auto;max-width:450px}}@media (max-width:768px){.auth-form-section{padding:40px 20px 32px}.auth-logo{justify-content:center;margin-bottom:36px}.auth-logo-icon{font-size:1.2rem;height:36px;width:36px}.auth-logo-text{font-size:1.3rem}.auth-content{max-width:100%}.auth-content h1{font-size:1.6rem;text-align:center}.auth-content .auth-subtitle{font-size:.95rem;margin-bottom:32px;text-align:center}.auth-form{gap:16px}.auth-form-group label{font-size:.85rem}.auth-form-group input{border-radius:8px;font-size:.95rem;padding:12px 14px}.auth-submit-btn{border-radius:8px;font-size:.95rem;padding:14px}.auth-divider{margin:20px 0}.auth-social-btn{border-radius:8px;font-size:.9rem;padding:12px}.auth-error,.auth-success{border-radius:8px;font-size:.85rem;padding:12px 14px}.auth-link{font-size:.9rem;margin-top:20px}}@media (max-width:480px){.auth-form-section{padding:32px 16px 24px}.auth-logo{margin-bottom:28px}.auth-logo-icon{font-size:1.1rem;height:32px;width:32px}.auth-logo-text{font-size:1.2rem}.auth-content h1{font-size:1.4rem}.auth-content .auth-subtitle{font-size:.9rem;margin-bottom:28px}.auth-form{gap:14px}.auth-form-group{gap:6px}.auth-form-group label{font-size:.8rem}.auth-form-group input{font-size:.9rem;padding:11px 12px}.auth-submit-btn{font-size:.9rem;margin-top:4px;padding:12px}.auth-divider{margin:16px 0}.auth-divider-text{font-size:.8rem}.auth-social-btn{font-size:.85rem;padding:10px}.auth-error,.auth-success{font-size:.8rem;padding:10px 12px}.auth-link{font-size:.85rem;margin-top:16px}}@media (max-width:360px){.auth-content h1{font-size:1.3rem}.auth-form-group input{font-size:.85rem;padding:10px}.auth-submit-btn{font-size:.85rem;padding:11px}}.dashboard-container{background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-logo{align-items:center;display:flex;gap:10px;text-decoration:none}.dashboard-logo-icon{align-items:center;background:linear-gradient(135deg,#e07b67,#c85f4a);border-radius:8px;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.dashboard-logo-text{color:#1a1a1a;font-size:1.3rem;font-weight:700}.dashboard-logo-text span{color:#e07b67}.dashboard-user{align-items:center;display:flex;gap:20px}.dashboard-user-info{align-items:center;display:flex;gap:12px}.dashboard-user-avatar{align-items:center;background:linear-gradient(135deg,#e07b67,#c85f4a);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.dashboard-user-name{color:#1a1a1a;font-weight:500}.dashboard-logout-btn{background:#0000;border:1.5px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.dashboard-logout-btn:hover{border-color:#e07b67;color:#e07b67}.dashboard-main{margin:0 auto;max-width:1400px;padding:40px}.dashboard-welcome{margin-bottom:40px}.dashboard-welcome h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px}.dashboard-welcome p{color:#666;font-size:1.05rem;margin:0}.dashboard-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-search{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .2s;width:320px}.dashboard-search:focus-within{border-color:#e07b67;box-shadow:0 0 0 3px #e07b671a}.dashboard-search input{border:none;color:#1a1a1a;font-size:.95rem;outline:none;width:100%}.dashboard-search input::placeholder{color:#999}.dashboard-new-btn{align-items:center;background:#e07b67;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 24px;text-decoration:none;transition:all .2s}.dashboard-new-btn:hover{background:#c85f4a;box-shadow:0 6px 20px #e07b674d;transform:translateY(-1px)}.dashboard-projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.dashboard-project-card{background:#fff;border:1px solid #eee;border-radius:16px;cursor:pointer;display:block;padding:28px;text-decoration:none;transition:all .25s}.dashboard-project-card:hover{border-color:#e07b67;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.dashboard-project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.dashboard-project-icon{align-items:center;background:linear-gradient(135deg,#fff5f3,#ffeae6);border-radius:12px;display:flex;font-size:1.4rem;height:48px;justify-content:center;width:48px}.dashboard-project-status{background:#f0fdf4;border-radius:20px;color:#16a34a;font-size:.8rem;font-weight:500;padding:6px 12px}.dashboard-project-status.in-progress{background:#fef3c7;color:#d97706}.dashboard-project-card h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0 0 8px}.dashboard-project-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 20px}.dashboard-project-progress{margin-bottom:16px}.dashboard-progress-bar{background:#eee;border-radius:3px;height:6px;overflow:hidden}.dashboard-progress-fill{background:linear-gradient(90deg,#e07b67,#c85f4a);border-radius:3px;height:100%;transition:width .3s}.dashboard-progress-text{color:#999;display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px}.dashboard-project-meta{border-top:1px solid #f0f0f0;display:flex;gap:16px;padding-top:16px}.dashboard-project-meta-item{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px}.dashboard-empty{background:#fff;border:2px dashed #e0e0e0;border-radius:16px;padding:80px 40px;text-align:center}.dashboard-empty-icon{font-size:4rem;margin-bottom:20px}.dashboard-empty h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 8px}.dashboard-empty p{color:#666;font-size:1rem;margin:0 0 32px}.dashboard-loading{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:80px}.dashboard-spinner{animation:spin .8s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#e07b67;height:40px;margin-bottom:16px;width:40px}@media (max-width:1024px){.dashboard-header{padding:18px 24px}.dashboard-main{padding:32px 24px}.dashboard-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.dashboard-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.dashboard-logo{gap:8px}.dashboard-logo-icon{font-size:1rem;height:32px;width:32px}.dashboard-logo-text{font-size:1.1rem}.dashboard-user{gap:12px}.dashboard-user-info{gap:8px}.dashboard-user-avatar{font-size:.9rem;height:34px;width:34px}.dashboard-user-name{display:none}.dashboard-logout-btn{font-size:.8rem;padding:8px 14px}.dashboard-main{padding:20px 16px}.dashboard-welcome{margin-bottom:28px}.dashboard-welcome h1{font-size:1.5rem}.dashboard-welcome p{font-size:.95rem}.dashboard-actions{flex-direction:column;gap:12px;margin-bottom:24px}.dashboard-search{padding:10px 14px;width:100%}.dashboard-search input{font-size:.9rem}.dashboard-new-btn{font-size:.9rem;justify-content:center;padding:12px 20px;width:100%}.dashboard-projects-grid{gap:16px;grid-template-columns:1fr}.dashboard-project-card{border-radius:14px;padding:20px}.dashboard-project-icon{font-size:1.2rem;height:42px;width:42px}.dashboard-project-status{font-size:.75rem;padding:5px 10px}.dashboard-project-card h3{font-size:1.1rem}.dashboard-project-card p{font-size:.85rem;margin-bottom:16px}.dashboard-project-meta{gap:12px;padding-top:14px}.dashboard-project-meta-item{font-size:.8rem}.dashboard-empty{padding:60px 24px}.dashboard-empty-icon{font-size:3rem}.dashboard-empty h3{font-size:1.3rem}.dashboard-empty p{font-size:.9rem;margin-bottom:24px}.dashboard-loading{padding:60px}.dashboard-spinner{height:36px;width:36px}}@media (max-width:480px){.dashboard-header{padding:12px}.dashboard-logo-icon{font-size:.9rem;height:28px;width:28px}.dashboard-logo-text{font-size:1rem}.dashboard-user-avatar{font-size:.85rem;height:30px;width:30px}.dashboard-logout-btn{font-size:.75rem;padding:6px 12px}.dashboard-main{padding:16px 12px}.dashboard-welcome{margin-bottom:24px}.dashboard-welcome h1{font-size:1.3rem}.dashboard-welcome p{font-size:.9rem}.dashboard-actions{gap:10px;margin-bottom:20px}.dashboard-search{border-radius:8px;padding:10px 12px}.dashboard-new-btn{border-radius:8px;font-size:.85rem;padding:10px 16px}.dashboard-projects-grid{gap:12px}.dashboard-project-card{border-radius:12px;padding:16px}.dashboard-project-header{margin-bottom:12px}.dashboard-project-icon{border-radius:10px;font-size:1.1rem;height:38px;width:38px}.dashboard-project-status{font-size:.7rem;padding:4px 8px}.dashboard-project-card h3{font-size:1rem;margin-bottom:6px}.dashboard-project-card p{font-size:.8rem;margin-bottom:14px}.dashboard-project-progress{margin-bottom:12px}.dashboard-progress-bar{height:5px}.dashboard-progress-text{font-size:.75rem;margin-top:6px}.dashboard-project-meta{gap:10px;padding-top:12px}.dashboard-project-meta-item{font-size:.75rem;gap:4px}.dashboard-empty{border-radius:12px;padding:48px 20px}.dashboard-empty-icon{font-size:2.5rem;margin-bottom:16px}.dashboard-empty h3{font-size:1.15rem}.dashboard-empty p{font-size:.85rem;margin-bottom:20px}}@media (max-width:360px){.dashboard-welcome h1{font-size:1.2rem}.dashboard-project-card h3{font-size:.95rem}}.new-project-container{background:linear-gradient(135deg,#fafafa,#f0f0f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;position:relative}.new-project-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.grid-overlay{background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);background-size:40px 40px;inset:0}.orb-1{background:linear-gradient(135deg,#e07b67,#f4a78f)}.orb-2{background:linear-gradient(135deg,#7b67e0,#a78ff4);bottom:-50px}.wizard-nav{padding:24px 40px;position:relative;z-index:10}.back-link{align-items:center;color:#666;display:inline-flex;font-size:.9rem;gap:8px}.back-link:hover{color:#e07b67}.wizard-main{margin:0 auto;max-width:700px;padding:20px 40px 60px;position:relative;z-index:10}.wizard-header{margin-bottom:40px;text-align:center}.wizard-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 24px}.wizard-progress{gap:12px}.progress-step,.wizard-progress{display:flex;justify-content:center}.progress-step{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;font-size:.95rem;font-weight:600;height:40px;transition:all .3s;width:40px}.progress-step.active{background:#e07b67;box-shadow:0 4px 15px #e07b6766;color:#fff}.progress-step.completed{background:#10b981;color:#fff}.wizard-content{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 8px 40px #00000014;padding:48px}.wizard-step h2{color:#1a1a1a;font-size:1.6rem;font-weight:700;margin:0 0 12px}.wizard-step>p{color:#666;font-size:1rem;line-height:1.6;margin:0 0 32px}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.form-group input,.form-group textarea{background:#fff;border:2px solid #e5e5e5;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:1rem;padding:16px 18px;transition:all .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group textarea:focus{border-color:#e07b67;box-shadow:0 0 0 4px #e07b6726;outline:none}.form-group textarea{min-height:140px;resize:vertical}.wizard-options{display:flex;gap:16px;margin-top:24px}.btn-ai,.btn-manual{align-items:center;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:18px 24px;transition:all .2s}.btn-ai{background:linear-gradient(135deg,#e07b67,#c85f4a);border:none;color:#fff}.btn-ai:hover:not(:disabled){box-shadow:0 8px 25px #e07b6766;transform:translateY(-2px)}.btn-ai:disabled{cursor:not-allowed;opacity:.5}.btn-manual{background:#0000;border:2px solid #e0e0e0;color:#666}.btn-manual:hover{border-color:#1a1a1a;color:#1a1a1a}.phases-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.phase-item{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:12px;display:flex;gap:12px;padding:16px}.phase-input{background:#fff;border:1.5px solid #e5e5e5;border-radius:8px;color:#1a1a1a;flex:1 1;font-size:.95rem;padding:12px 14px}.phase-input:focus{border-color:#e07b67;outline:none}.phase-tasks-count{color:#999;font-size:.85rem;font-weight:500}.btn-remove{align-items:center;background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove:hover{background:#fee2e2;color:#ef4444}.btn-add-phase{align-items:center;background:#0000;border:2px dashed #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s}.btn-add-phase:hover{border-color:#e07b67;color:#e07b67}.ai-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#e07b67;height:48px;margin:0 auto 20px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.ai-loading p{color:#666;font-size:1rem}.summary-box{background:#fafafa;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#666;font-size:.95rem}.summary-value{color:#1a1a1a;font-weight:600}.wizard-actions{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.btn-back{background:#0000;border:2px solid #e0e0e0;border-radius:12px;color:#666;font-size:.95rem;font-weight:600;padding:16px 28px}.btn-back:hover:not(:disabled){border-color:#1a1a1a;color:#1a1a1a}.btn-back:disabled{cursor:not-allowed;opacity:.5}.btn-create,.btn-next{align-items:center;background:linear-gradient(135deg,#e07b67,#c85f4a);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s}.btn-create:hover:not(:disabled),.btn-next:hover:not(:disabled){box-shadow:0 8px 25px #e07b6766;transform:translateY(-2px)}.btn-create:disabled,.btn-next:disabled{cursor:not-allowed;opacity:.5}.wizard-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.95rem;margin-bottom:20px;padding:16px 18px}@media (max-width:768px){.wizard-nav{padding:20px}.wizard-main{padding:16px 20px 40px}.wizard-content{padding:32px 24px}.wizard-actions,.wizard-options{flex-direction:column}.wizard-actions{gap:12px}.btn-back,.btn-create,.btn-next{justify-content:center;width:100%}}.privacy-container{background:#fafafa;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.privacy-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.privacy-header,.privacy-logo{align-items:center;display:flex}.privacy-logo{gap:10px;text-decoration:none}.privacy-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#e07b67,#c85f4a);border-radius:8px;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.privacy-logo .logo-text{color:#1a1a1a;font-size:1.3rem;font-weight:700}.back-link{color:#e07b67;font-weight:500;text-decoration:none;transition:all .2s}.back-link:hover{color:#c85f4a}.privacy-content{margin:0 auto;max-width:800px;padding:48px 40px}.privacy-content h1{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin:0 0 12px}.last-updated{border-bottom:1px solid #eee;color:#666;font-size:.9rem;padding-bottom:24px}.last-updated,.privacy-content section{margin-bottom:40px}.privacy-content h2{border-bottom:2px solid #e07b67;color:#1a1a1a;font-size:1.4rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.privacy-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:24px 0 12px}.privacy-content p{color:#444;font-size:1rem;line-height:1.7;margin:0 0 16px}.privacy-content ul{margin:0 0 16px;padding-left:24px}.privacy-content li{color:#444;font-size:1rem;line-height:1.7;margin-bottom:8px}.privacy-content strong{color:#1a1a1a}.cookie-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin:16px 0 24px;overflow:hidden;width:100%}.cookie-table td,.cookie-table th{border-bottom:1px solid #eee;padding:14px 16px;text-align:left}.cookie-table th{background:#f5f5f5;color:#1a1a1a;font-size:.9rem;font-weight:600}.cookie-table td{color:#444;font-size:.9rem}.cookie-table tr:last-child td{border-bottom:none}.privacy-footer{background:#1a1a1a;color:#fff;padding:32px 40px;text-align:center}.privacy-footer p{color:#999;font-size:.9rem;margin:0 0 16px}.footer-links{display:flex;gap:24px;justify-content:center}.footer-links a{color:#e07b67;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f5a898}@media (max-width:768px){.privacy-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.privacy-logo .logo-icon{font-size:1rem;height:32px;width:32px}.privacy-logo .logo-text{font-size:1.1rem}.back-link{font-size:.9rem}.privacy-content{padding:28px 16px}.privacy-content h1{font-size:1.6rem}.last-updated{font-size:.85rem;padding-bottom:20px}.last-updated,.privacy-content section{margin-bottom:32px}.privacy-content h2{font-size:1.2rem}.privacy-content h3{font-size:1rem;margin:20px 0 10px}.privacy-content p{font-size:.95rem;line-height:1.6}.privacy-content li{font-size:.95rem}.cookie-table{display:block;font-size:.8rem;overflow-x:auto}.cookie-table td,.cookie-table th{padding:10px 12px;white-space:nowrap}.privacy-footer{padding:24px 16px}.footer-links{flex-wrap:wrap;gap:16px}.footer-links a{font-size:.85rem}}@media (max-width:480px){.privacy-header{padding:12px}.privacy-logo .logo-icon{font-size:.9rem;height:28px;width:28px}.privacy-logo .logo-text{font-size:1rem}.back-link{font-size:.85rem}.privacy-content{padding:24px 12px}.privacy-content h1{font-size:1.4rem}.last-updated{font-size:.8rem}.last-updated,.privacy-content section{margin-bottom:28px}.privacy-content h2{font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}.privacy-content h3{font-size:.95rem}.privacy-content p{font-size:.9rem;margin-bottom:12px}.privacy-content ul{padding-left:20px}.privacy-content li{font-size:.9rem;margin-bottom:6px}.cookie-table td,.cookie-table th{font-size:.75rem;padding:8px 10px}.privacy-footer{padding:20px 12px}.privacy-footer p{font-size:.8rem;margin-bottom:12px}.footer-links{gap:12px}.footer-links a{font-size:.8rem}}@media (max-width:360px){.privacy-content h1{font-size:1.25rem}.privacy-content li,.privacy-content p{font-size:.85rem}}.activity-history-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding-bottom:60px;position:relative}.history-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.history-bg .grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:40px 40px;inset:0;position:absolute}.history-bg .glow-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.history-bg .orb-1{background:linear-gradient(135deg,#e07b67,#f4a78f);height:400px;right:-100px;top:-100px;width:400px}.history-bg .orb-2{background:linear-gradient(135deg,#7b67e0,#a78ff4);bottom:100px;height:300px;left:-100px;width:300px}.history-header{align-items:center;display:flex;justify-content:space-between;padding:24px 40px;position:relative;z-index:10}.history-header-left{display:flex;flex-direction:column;gap:12px}.history-back{color:#fff9;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.history-back:hover{color:#e07b67}.history-header h1{font-size:1.8rem;font-weight:700;margin:0}.history-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;padding:0 40px;position:relative;z-index:10}.history-stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s}.history-stat-card:hover{background:#ffffff14;border-color:#ffffff1f}.history-stat-card.accent{background:linear-gradient(135deg,#e07b6726,#e07b670d);border-color:#e07b674d}.stat-icon{font-size:1.8rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:1.6rem;font-weight:700}.stat-label{color:#ffffff80;font-size:.8rem}.history-filters{flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:0 40px;position:relative;z-index:10}.filter-group,.history-filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#ffffff80;font-size:.85rem;font-weight:500}.filter-group select{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 14px;transition:all .2s}.filter-group select:focus,.filter-group select:hover{background:#ffffff1f;border-color:#fff3;outline:none}.filter-group.search{flex:1 1;max-width:300px;position:relative}.filter-group.search .search-icon{font-size:.9rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-group.search input{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:.9rem;padding:10px 14px 10px 40px;transition:all .2s;width:100%}.filter-group.search input::placeholder{color:#fff6}.filter-group.search input:focus{background:#ffffff1f;border-color:#e07b67;outline:none}.filter-results{color:#fff6;font-size:.85rem;margin-left:auto}.history-timeline{padding:0 40px;position:relative;z-index:10}.history-day-group{margin-bottom:32px}.history-day-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.history-day-date{color:#fff;font-size:1.1rem;font-weight:600;text-transform:capitalize}.history-day-count{color:#fff6;font-size:.8rem}.history-day-items{display:flex;flex-direction:column;gap:8px}.history-item{align-items:flex-start;background:#ffffff08;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.history-item:hover{background:#ffffff0f}.history-item-time{color:#fff6;flex-shrink:0;font-size:.8rem;font-weight:500;padding-top:2px;text-align:right;width:50px}.history-item-line{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:12px}.history-item-dot{border-radius:50%;height:10px;margin-top:4px;width:10px}.history-item.color-green .history-item-dot{background:#22c55e;box-shadow:0 0 10px #22c55e80}.history-item.color-yellow .history-item-dot{background:#fbbf24;box-shadow:0 0 10px #fbbf2480}.history-item.color-blue .history-item-dot{background:#3b82f6;box-shadow:0 0 10px #3b82f680}.history-item.color-purple .history-item-dot{background:#a855f7;box-shadow:0 0 10px #a855f780}.history-item.color-gray .history-item-dot{background:#6b7280;box-shadow:0 0 10px #6b728080}.history-item-content{display:flex;flex:1 1;gap:12px;min-width:0}.history-item-icon{flex-shrink:0;font-size:1.2rem}.history-item-body{flex:1 1;min-width:0}.history-item-task{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:4px}.history-item-description{color:#ffffffb3;font-size:.85rem;line-height:1.5}.history-action{color:#ffffff80;margin-right:4px}.history-detail{color:#e07b67;font-weight:500}.history-empty{padding:80px 20px;text-align:center}.history-empty-icon{display:block;font-size:4rem;margin-bottom:20px}.history-empty h3{font-size:1.4rem;font-weight:600;margin:0 0 12px}.history-empty p{color:#ffffff80;font-size:1rem;margin:0 auto;max-width:400px}.history-actions{display:flex;gap:16px;justify-content:center;padding:40px;position:relative;z-index:10}.history-action-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.history-action-btn.secondary{background:#ffffff14;border:1px solid #ffffff1a;color:#ffffffb3}.history-action-btn.secondary:hover{background:#ffffff1f;color:#fff}@media (max-width:1024px){.history-stats{grid-template-columns:repeat(2,1fr)}.history-actions,.history-filters,.history-header,.history-stats,.history-timeline{padding-left:24px;padding-right:24px}}@media (max-width:768px){.history-actions,.history-filters,.history-header,.history-stats,.history-timeline{padding-left:16px;padding-right:16px}.history-header{padding-bottom:16px;padding-top:16px}.history-back{font-size:.85rem}.history-header h1{font-size:1.3rem}.history-stats{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.history-stat-card{border-radius:12px;padding:14px}.stat-icon{font-size:1.4rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}.history-filters{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:24px}.filter-group,.filter-group select{width:100%}.filter-group.search{max-width:100%}.filter-results{margin-left:0;padding:8px 0;text-align:center}.history-day-group{margin-bottom:24px}.history-day-header{margin-bottom:12px;padding-bottom:10px}.history-day-date{font-size:1rem}.history-day-count{font-size:.75rem}.history-day-items{gap:6px}.history-item{border-radius:10px;flex-wrap:wrap;gap:10px;padding:12px}.history-item-time{font-size:.75rem;padding-top:0;text-align:left;width:auto}.history-item-line{display:none}.history-item-content{gap:10px;width:100%}.history-item-icon{font-size:1.1rem}.history-item-task{font-size:.9rem}.history-item-description{font-size:.8rem}.history-empty{padding:60px 20px}.history-empty-icon{font-size:3.5rem}.history-empty h3{font-size:1.2rem}.history-empty p{font-size:.9rem}.history-actions{padding-bottom:32px;padding-top:24px}.history-action-btn{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.history-actions,.history-filters,.history-header,.history-stats,.history-timeline{padding-left:12px;padding-right:12px}.history-header{padding-top:12px}.history-header-left{gap:8px}.history-back{font-size:.8rem}.history-header h1{font-size:1.15rem}.history-stats{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.history-stat-card{border-radius:10px;gap:10px;padding:12px}.stat-icon{font-size:1.2rem}.stat-content{min-width:0}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-filters{gap:8px;margin-bottom:20px}.filter-group label{font-size:.8rem}.filter-group select{border-radius:8px;font-size:.85rem;padding:8px 12px}.filter-group.search input{border-radius:8px;font-size:.85rem;padding:8px 12px 8px 36px}.filter-group.search .search-icon{font-size:.85rem;left:12px}.filter-results{font-size:.8rem;padding:6px 0}.history-day-group{margin-bottom:20px}.history-day-header{margin-bottom:10px;padding-bottom:8px}.history-day-date{font-size:.95rem}.history-day-count{font-size:.7rem}.history-day-items{gap:6px}.history-item{border-radius:8px;gap:8px;padding:10px}.history-item-time{font-size:.7rem;margin-bottom:2px;order:-1;width:100%}.history-item-content{gap:8px}.history-item-icon{font-size:1rem}.history-item-body{min-width:0}.history-item-task{font-size:.85rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-description{font-size:.75rem;line-height:1.4}.history-action{display:block;margin-bottom:2px}.history-detail{display:block;word-break:break-word}.history-empty{padding:50px 16px}.history-empty-icon{font-size:3rem;margin-bottom:16px}.history-empty h3{font-size:1.1rem;margin-bottom:8px}.history-empty p{font-size:.85rem}.history-actions{padding:20px 12px 24px}.history-action-btn{border-radius:8px;font-size:.8rem;padding:10px 16px}.history-bg .orb-1{height:250px;right:-80px;top:-80px;width:250px}.history-bg .orb-2{bottom:50px;height:200px;left:-80px;width:200px}}@media (max-width:360px){.history-header h1{font-size:1rem}.history-stats{gap:6px}.history-stat-card{padding:10px}.stat-icon,.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.history-item-task{font-size:.8rem}.history-item-description{font-size:.7rem}}@media (max-height:500px) and (orientation:landscape){.history-stats{grid-template-columns:repeat(4,1fr)}.history-stat-card{padding:10px}.stat-icon{font-size:1.2rem}.stat-value{font-size:1.1rem}}:root{--bg-primary:#0f1419;--bg-secondary:#192029;--bg-card:#1e2732;--bg-elevated:#2c3640;--accent-primary:#e07b67;--accent-secondary:#c85f4a;--accent-tertiary:#f5a898;--accent-gold:#fbbf24;--accent-cyan:#22d3ee;--accent-pink:#e07b67;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--success-glow:#10b98180;--testing:#f59e0b;--testing-glow:#f59e0b80;--warning:#eab308;--error:#ef4444;--info:#3b82f6;--border-radius:16px;--border-radius-sm:8px;--border-radius-lg:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 40px #e07b674d}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1419;background:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.god-mode-bg{overflow:hidden;pointer-events:none;position:fixed;z-index:0}.god-mode-bg,.grid-overlay{bottom:0;left:0;right:0;top:0}.grid-overlay{animation:gridMove 20s linear infinite;background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px;position:absolute}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glow-orb{animation:orbFloat 10s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#e07b67,#0000);background:radial-gradient(circle,var(--accent-primary),#0000);height:400px;right:-100px;top:-100px;width:400px}.orb-2{animation-delay:-3s;background:radial-gradient(circle,#c85f4a,#0000);background:radial-gradient(circle,var(--accent-secondary),#0000);bottom:20%;height:300px;left:-50px;width:300px}.orb-3{animation-delay:-6s;background:radial-gradient(circle,#22d3ee,#0000);background:radial-gradient(circle,var(--accent-cyan),#0000);bottom:-50px;height:250px;right:30%;width:250px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(25px,10px) scale(1.02)}}.roadmap-container{margin:0 auto;max-width:1400px;padding:32px;position:relative;z-index:1}.roadmap-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e07b671f,#c85f4a14,#1e2732e6);border:1px solid #e07b6733;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 0 40px #e07b674d;box-shadow:var(--shadow-glow);display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:16px 24px;position:relative}.roadmap-header:before{background:linear-gradient(90deg,#0000,#e07b67,#c85f4a,#0000);background:linear-gradient(90deg,#0000,var(--accent-primary),var(--accent-secondary),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.logo-container{align-items:center;display:flex;gap:16px}.logo-icon{animation:pulse 2s ease-in-out infinite;font-size:2.5rem}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#22d3ee);background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px}.header-content .subtitle{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:400}.header-actions{display:flex;gap:12px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-icon{font-size:1.1rem}.btn-secondary{background:#ffffff14;border:1px solid #ffffff1a;color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff26;box-shadow:0 8px 24px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#e07b67,#c85f4a);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #ffffff1a;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-docs{background:#8b5cf626;border:1px solid #8b5cf64d;color:#c4b5fd;text-decoration:none}.btn-docs:hover{background:#8b5cf640;transform:translateY(-2px)}.btn-docs-full{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid #fbbf244d;color:#fbbf24;color:var(--accent-gold);text-decoration:none}.btn-docs-full:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);box-shadow:0 8px 25px #fbbf2433;transform:translateY(-2px)}.btn-vault{background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid #6366f166;color:#a5b4fc;text-decoration:none}.btn-vault:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf640);box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:linear-gradient(145deg,#192029,#1e2732);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-card));border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--border-radius);display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-glow{border-radius:50%;filter:blur(40px);height:100px;opacity:.3;position:absolute;right:0;top:0;transition:opacity .3s;width:100px}.stat-card:hover{box-shadow:0 16px 48px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover .stat-glow{opacity:.5}.stat-completed .stat-glow{background:#10b981;background:var(--success)}.stat-testing .stat-glow{background:#f59e0b;background:var(--testing)}.stat-progress .stat-glow{background:#3b82f6;background:var(--info)}.stat-global .stat-glow{background:#e07b67;background:var(--accent-primary)}.stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem}.stat-number{font-size:2rem;font-weight:800;letter-spacing:-1px}.stat-label{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;font-weight:500}.stat-completed .stat-number{color:#10b981;color:var(--success)}.stat-testing .stat-number{color:#f59e0b;color:var(--testing)}.stat-progress .stat-number{color:#3b82f6;color:var(--info)}.stat-global .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e07b67,#22d3ee);background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text}.global-progress-container{background:#192029;background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--border-radius);margin-bottom:40px;padding:24px}.global-progress-bar{background:#1e2732;background:var(--bg-card);box-shadow:inset 0 2px 8px #0000004d;height:16px}.global-progress-bar,.global-progress-fill{border-radius:8px;overflow:hidden;position:relative}.global-progress-fill{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#e07b67,#c85f4a,#f5a898,#22d3ee);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-cyan));background-size:300% 100%;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.progress-glow{animation:glowPulse 1.5s ease-in-out infinite;background:#22d3ee;background:var(--accent-cyan);border-radius:50%;filter:blur(8px);height:24px;position:absolute;right:-4px;top:-4px;width:24px}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.progress-particles{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-markers{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-marker{background:#2c3640;background:var(--bg-elevated);border-radius:2px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:4px}.progress-marker span{color:#64748b;color:var(--text-muted);font-size:.7rem;left:50%;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.progress-marker.passed{background:#e07b67;background:var(--accent-primary)}.progress-marker.passed span{color:#e07b67;color:var(--accent-primary)}.progress-label{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.progress-text{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.progress-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e07b67,#22d3ee);background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.phases-container{display:flex;flex-direction:column;gap:20px}.phase{background:linear-gradient(145deg,#192029,#1e293bcc);background:linear-gradient(145deg,var(--bg-secondary),#1e293bcc);border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--border-radius);overflow:hidden;transition:all .3s}.phase:hover{border-color:#6366f133}.phase-new{border-color:#fbbf244d;box-shadow:0 0 30px #fbbf241a}.phase-complete{border-color:#10b9814d}.phase-header{align-items:center;background:#ffffff05;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:all .2s}.phase-header:hover{background:#ffffff0a}.phase-title{align-items:center;display:flex;gap:14px}.phase-title h2{font-size:1.05rem;font-weight:600;letter-spacing:-.3px}.toggle-icon{color:#94a3b8;color:var(--text-secondary);font-size:.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon.collapsed{transform:rotate(-90deg)}.new-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-gold),#f59e0b);border-radius:6px;box-shadow:0 4px 12px #fbbf244d;color:#1e293b;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px}.phase-meta{align-items:center;display:flex;gap:16px}.phase-count{color:#94a3b8;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500}.phase-testing-badge{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;color:var(--testing);font-size:.75rem;font-weight:600;padding:4px 10px}.phase-progress-wrapper{align-items:center;display:flex;gap:12px}.phase-progress-bar{background:#1e2732;background:var(--bg-card);border-radius:4px;box-shadow:inset 0 1px 3px #0000004d;height:8px;overflow:hidden;position:relative;width:160px}.phase-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success),#34d399);height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.phase-progress-shine{background:linear-gradient(180deg,#ffffff4d,#0000);height:50%;left:0;position:absolute;right:0;top:0}.phase-progress-testing{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--testing),#fbbf24);height:100%;opacity:.6;position:absolute;top:0}.phase-percentage{color:#10b981;color:var(--success);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;min-width:45px;text-align:right}.phase-content{display:flex;flex-direction:column;gap:6px;padding:12px}.task{align-items:center;background:#0f1419;background:var(--bg-primary);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:14px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.task:before{border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s;width:3px}.task.status-completed:before{background:#10b981;background:var(--success)}.task.status-testing:before{background:#f59e0b;background:var(--testing)}.task.status-progress:before{background:#3b82f6;background:var(--info)}.task.status-pending:before{background:#64748b;background:var(--text-muted)}.task:hover{background:#1e2732;background:var(--bg-card);border-color:#ffffff14;transform:translateX(4px)}.task.highlight{background:linear-gradient(90deg,#fbbf2414,#0000);border-color:#fbbf2433}.task.status-completed{opacity:.75}.task-main{align-items:center;display:flex;flex:1 1;gap:14px}.task-id{background:#1e2732;background:var(--bg-card);border-radius:6px;color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;padding:4px 10px}.task-name{font-size:.9rem;font-weight:500}.task-checklist-badge{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;color:#f59e0b;color:var(--testing);font-family:JetBrains Mono,monospace;font-size:.7rem;padding:4px 8px}.task-actions{align-items:center;display:flex;gap:12px}.task-mini-progress{background:#1e2732;background:var(--bg-card);border-radius:2px;height:4px;overflow:hidden;width:60px}.task-mini-progress-fill{background:linear-gradient(90deg,#f59e0b,#10b981);background:linear-gradient(90deg,var(--testing),var(--success));height:100%;transition:width .3s}.task-tech{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#e07b67;color:var(--accent-primary);font-size:.7rem;font-weight:500;padding:5px 10px}.status-btn{align-items:center;background:#1e2732;background:var(--bg-card);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.status-btn:hover{transform:scale(1.1)}.status-btn.status-completed{background:#10b98126;border-color:#10b9814d}.status-btn.status-testing{background:#f59e0b26;border-color:#f59e0b4d}.status-btn.status-progress{background:#3b82f626;border-color:#3b82f64d}.footer{margin-top:48px;padding:32px;text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e07b67,#22d3ee);background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.footer-version{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#e07b67;color:var(--accent-primary);font-size:.75rem;font-weight:600;padding:4px 12px}.footer-stats{color:#64748b;color:var(--text-muted);font-size:.85rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712d9;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#192029,#1e2732);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-card));border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #00000080,0 0 40px #e07b674d;box-shadow:var(--shadow-lg),var(--shadow-glow);max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-god-mode{border-color:#6366f133}.modal-close{align-items:center;background:#1e2732;background:var(--bg-card);border:none;border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:40px}.modal-close:hover{background:#ef4444;background:var(--error);color:#fff;transform:rotate(90deg)}.modal-header{border-bottom:1px solid #ffffff0d;padding:28px 28px 20px}.modal-id{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#e07b67;color:var(--accent-primary);display:inline-block;font-family:JetBrains Mono,monospace;font-size:.8rem;margin-bottom:12px;padding:6px 12px}.modal-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin-bottom:14px}.modal-body{padding:28px}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:12px}.modal-section p{color:#f8fafc;color:var(--text-primary);font-size:.95rem;line-height:1.8}.checklist-section{background:#6366f10d;border:1px solid #6366f11a;border-radius:16px;border-radius:var(--border-radius);padding:20px}.checklist-progress{margin-bottom:20px}.checklist-progress-bar{background:#1e2732;background:var(--bg-card);border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;position:relative}.checklist-progress-fill{background:linear-gradient(90deg,#f59e0b,#10b981);background:linear-gradient(90deg,var(--testing),var(--success));height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.checklist-progress-glow{animation:glowPulse 1.5s ease-in-out infinite;background:#10b981;background:var(--success);border-radius:50%;filter:blur(4px);height:14px;position:absolute;right:0;top:-2px;width:14px}.checklist-progress-text{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;font-weight:500}.checklist-items{display:flex;flex-direction:column;gap:8px}.checklist-item{align-items:center;background:#0f1419;background:var(--bg-primary);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:all .2s}.checklist-item:hover{background:#192029;background:var(--bg-secondary);border-color:#ffffff1a;transform:translateX(4px)}.checklist-item.checked{background:#10b98114;border-color:#10b98133}.checklist-item.checked .checklist-text{color:#94a3b8;color:var(--text-secondary);text-decoration:line-through}.checklist-checkbox{font-size:1.25rem;transition:transform .2s}.checklist-item:hover .checklist-checkbox{transform:scale(1.1)}.checklist-text{flex:1 1;font-size:.9rem}.checklist-complete-banner{align-items:center;animation:celebrate .5s ease-out;background:linear-gradient(135deg,#10b98126,#34d3991a);border:1px solid #10b9814d;border-radius:10px;color:#10b981;color:var(--success);display:flex;font-weight:600;gap:12px;justify-content:center;margin-top:16px;padding:16px}@keyframes celebrate{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#c85f4a;color:var(--accent-secondary);font-size:.8rem;font-weight:500;padding:6px 14px}.modal-actions{display:flex;gap:14px;justify-content:flex-end;padding:20px 28px 28px}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px}.status-completed{background:#10b9811f;border:1px solid #10b98140;color:#10b981;color:var(--success)}.status-testing{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b;color:var(--testing)}.status-progress{background:#3b82f61f;border:1px solid #3b82f640;color:#3b82f6;color:var(--info)}.status-pending{background:#94a3b814;border:1px solid #94a3b826;color:#94a3b8;color:var(--text-secondary)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0f1419;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#2c3640;background:var(--bg-elevated);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e07b67;background:var(--accent-primary)}@media (max-width:1024px){.roadmap-container{padding:20px}.roadmap-header{padding:14px 18px}.logo-container h1{font-size:1.3rem}.stats-bar{gap:10px}.stat-mini{padding:5px 10px}.stat-mini .stat-value{font-size:.85rem}.global-progress-container{padding:18px}.phase-progress-bar{width:120px}}@media (max-width:768px){.roadmap-container{padding:12px}.roadmap-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-left{flex:1 1;min-width:0}.btn-back{font-size:.8rem;padding:6px 10px}.logo-container{gap:10px}.logo-icon{font-size:1.8rem}.logo-container h1{font-size:1.1rem}.stats-bar{display:none}.hamburger-btn{height:36px;width:36px}.global-progress-container{margin-bottom:24px;padding:14px}.global-progress-bar{height:12px}.progress-marker span{font-size:.6rem;top:-20px}.progress-label{margin-top:12px}.progress-text{font-size:.8rem}.progress-value{font-size:1.1rem}.phases-container{gap:14px}.phase-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.phase-title{width:100%}.phase-title h2{font-size:.95rem}.new-badge{font-size:.65rem;padding:3px 8px}.phase-meta{flex-wrap:wrap;gap:10px;width:100%}.phase-count{font-size:.8rem}.phase-testing-badge{font-size:.7rem;padding:3px 8px}.phase-progress-wrapper{width:100%}.phase-progress-bar{flex:1 1;height:6px;width:auto}.phase-percentage{font-size:.8rem;min-width:40px}.phase-content{gap:8px;padding:10px}.task{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.task-main{flex-wrap:wrap;gap:8px;width:100%}.task-id{font-size:.7rem;padding:3px 8px}.task-name{flex:1 1;font-size:.85rem;min-width:60%}.task-checklist-badge{font-size:.65rem;padding:3px 6px}.task-actions{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.task-timer{order:-1}.task-mini-progress{width:50px}.task-tech{display:none}.status-btn{font-size:1rem;height:32px;width:32px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;margin:0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close{height:36px;right:12px;top:12px;width:36px}.modal-header{padding:20px 16px 16px}.modal-id{font-size:.75rem;padding:5px 10px}.modal-header h2{font-size:1.15rem;padding-right:40px}.modal-body{padding:16px}.modal-section{margin-bottom:20px}.modal-section h3{font-size:.85rem}.modal-section p{font-size:.9rem}.checklist-section{padding:16px}.checklist-item{gap:10px;padding:12px}.checklist-checkbox{font-size:1.1rem}.checklist-text{font-size:.85rem}.checklist-progress-text{font-size:.8rem}.tech-tags{gap:8px}.tech-tag{font-size:.75rem;padding:5px 10px}.modal-actions{flex-direction:column;gap:10px;padding:16px}.modal-actions .btn{justify-content:center;width:100%}.footer{margin-top:32px;padding:24px 16px}.footer-content{flex-direction:column;gap:12px}.footer-stats{font-size:.8rem}.metrics-panel{border-radius:16px;padding:16px}.metrics-header h3{font-size:1rem}.metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{padding:14px}.metric-icon{font-size:1.5rem}.metric-value{font-size:1.4rem}.metric-label{font-size:.75rem}.backup-item{font-size:.8rem;padding:8px 12px}.backup-branch{font-size:.75rem}.kanban-container{gap:16px;grid-template-columns:1fr;min-height:auto}.kanban-column{max-height:400px}.kanban-header{padding:12px}.kanban-title{font-size:.9rem}.kanban-tasks{padding:10px}.kanban-task{padding:12px}.kanban-task-name{font-size:.85rem}.sidebar-menu{max-width:300px;width:85%}.sidebar-header{padding:16px 20px}.sidebar-item{font-size:.9rem;padding:12px 20px}.cookie-banner{flex-direction:column;gap:16px;padding:16px;text-align:center}.cookie-actions{flex-direction:column;width:100%}.cookie-btn{width:100%}.stale-notifications{flex-direction:column;gap:12px;padding:12px 16px;text-align:center}.notification-icon{font-size:1.3rem}}@media (max-width:480px){.roadmap-container{padding:8px}.roadmap-header{border-radius:12px;gap:10px;padding:10px 12px}.btn-back{font-size:.75rem;padding:5px 8px}.logo-icon{font-size:1.5rem}.logo-container h1{font-size:1rem}.hamburger-btn{height:32px;width:32px}.hamburger-btn span{width:16px}.global-progress-container{border-radius:12px;margin-bottom:16px;padding:12px}.global-progress-bar{height:10px}.progress-markers{display:none}.progress-label{margin-top:10px}.progress-text{font-size:.75rem}.progress-value{font-size:1rem}.phases-container{gap:10px}.phase{border-radius:12px}.phase-header{gap:10px;padding:12px}.phase-title{gap:10px}.toggle-icon{font-size:.7rem}.phase-title h2{font-size:.85rem;line-height:1.3}.new-badge{font-size:.6rem;padding:2px 6px}.phase-meta{gap:8px}.phase-count{font-size:.75rem}.phase-testing-badge{font-size:.65rem;padding:2px 6px}.phase-progress-bar{height:5px}.phase-percentage{font-size:.75rem;min-width:35px}.phase-content{gap:6px;padding:8px}.task{border-radius:8px;gap:8px;padding:10px}.task-main{gap:6px}.task-id{font-size:.65rem;padding:2px 6px}.task-name{font-size:.8rem}.task-checklist-badge{font-size:.6rem;padding:2px 5px}.task-actions{gap:6px}.task-mini-progress{height:3px;width:40px}.status-btn{font-size:.9rem;height:28px;width:28px}.task-timer{margin-right:2px}.timer-btn{font-size:.7rem;height:22px;width:22px}.timer-display{font-size:.65rem;min-width:35px}.modal-content{border-radius:16px 16px 0 0;max-height:100vh}.modal-close{font-size:1.2rem;height:32px;right:10px;top:10px;width:32px}.modal-header{padding:16px 12px 12px}.modal-id{font-size:.7rem;margin-bottom:8px;padding:4px 8px}.modal-header h2{font-size:1rem;margin-bottom:10px}.status-badge{font-size:.7rem;padding:4px 10px}.modal-body{padding:12px}.modal-section{margin-bottom:16px}.modal-section h3{font-size:.8rem;margin-bottom:8px}.modal-section p{font-size:.85rem;line-height:1.6}.modal-section-header{gap:8px}.speak-btn{font-size:1rem;height:34px;width:34px}.checklist-section{border-radius:10px;padding:12px}.checklist-progress{margin-bottom:14px}.checklist-progress-bar{height:8px;margin-bottom:8px}.checklist-progress-text{font-size:.75rem}.checklist-items{gap:6px}.checklist-item{border-radius:8px;gap:8px;padding:10px}.checklist-checkbox{font-size:1rem}.checklist-text{font-size:.8rem}.checklist-complete-banner{font-size:.85rem;gap:8px;padding:12px}.tech-tags{gap:6px}.tech-tag{font-size:.7rem;padding:4px 8px}.modal-actions{gap:8px;padding:12px}.modal-actions .btn{font-size:.8rem;padding:10px 16px}.footer{margin-top:24px;padding:20px 12px}.footer-logo{font-size:.9rem}.footer-version{font-size:.65rem;padding:3px 10px}.footer-stats{font-size:.75rem}.metrics-panel{border-radius:12px;margin-bottom:16px;padding:12px}.metrics-header{margin-bottom:14px}.metrics-header h3{font-size:.9rem}.close-metrics{font-size:1rem;height:28px;width:28px}.metrics-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.metric-card{border-radius:10px;padding:12px}.metric-icon{font-size:1.3rem;margin-bottom:4px}.metric-value{font-size:1.2rem}.metric-label{font-size:.7rem}.backup-history{padding-top:14px}.backup-history h4{font-size:.85rem;margin-bottom:10px}.backup-list{gap:6px}.backup-item{border-radius:8px;font-size:.75rem;padding:8px 10px}.backup-branch,.backup-date{font-size:.7rem}.kanban-column{border-radius:12px;max-height:350px}.kanban-header{padding:10px 12px}.kanban-icon{font-size:1rem}.kanban-title{font-size:.85rem}.kanban-count{font-size:.7rem;padding:3px 8px}.kanban-tasks{gap:8px;padding:8px}.kanban-task{border-radius:10px;padding:10px}.kanban-task-id{font-size:.65rem}.kanban-task-name{font-size:.8rem;margin-bottom:6px}.kanban-task-phase{font-size:.7rem;margin-bottom:6px}.kanban-task-progress{height:3px}.kanban-empty{font-size:.8rem;padding:30px 16px}.sidebar-menu{max-width:none;width:100%}.sidebar-header{padding:14px 16px}.sidebar-header h3{font-size:1.1rem}.sidebar-close{height:28px;width:28px}.sidebar-item{font-size:.85rem;gap:10px;padding:12px 16px}.sidebar-icon{font-size:1rem;width:20px}.sidebar-divider{margin:10px 16px}.cookie-banner{gap:12px;padding:12px}.cookie-content h4{font-size:.9rem}.cookie-btn,.cookie-content p{font-size:.8rem}.cookie-btn{padding:8px 16px}.stale-notifications{border-radius:10px;gap:10px;margin-bottom:14px;padding:10px 12px}.notification-icon{font-size:1.2rem}.notification-content strong{font-size:.8rem}.notification-tasks{font-size:.75rem}.notification-dismiss{height:24px;width:24px}}@media (max-width:360px){.roadmap-container{padding:6px}.roadmap-header{padding:8px 10px}.logo-icon{font-size:1.3rem}.logo-container h1{font-size:.9rem}.btn-back{font-size:.7rem;padding:4px 6px}.phase-title h2{font-size:.8rem}.task-name{font-size:.75rem}.modal-header h2{font-size:.95rem}.checklist-text{font-size:.75rem}}@media (max-height:500px) and (orientation:landscape){.modal-content{max-height:100vh}.modal-body{max-height:60vh;overflow-y:auto}.checklist-items{max-height:200px;overflow-y:auto}}.modal-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-section-header h3{margin:0}.speak-btn{align-items:center;background:linear-gradient(135deg,#2c3640,#1e2732);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border:1px solid #6366f14d;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.speak-btn:hover{background:linear-gradient(135deg,#e07b67,#c85f4a);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:#e07b67;border-color:var(--accent-primary);box-shadow:0 0 20px #6366f180;color:#fff;transform:scale(1.1)}.speak-btn.speaking{animation:pulse-speak 1.5s infinite;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success),#059669);border-color:#10b981;border-color:var(--success);box-shadow:0 0 20px #10b98180;box-shadow:0 0 20px var(--success-glow);color:#fff}@keyframes pulse-speak{0%,to{box-shadow:0 0 20px #10b98180;box-shadow:0 0 20px var(--success-glow);transform:scale(1)}50%{box-shadow:0 0 30px #10b98180;box-shadow:0 0 30px var(--success-glow);transform:scale(1.1)}}.stat-card.stat-time{position:relative}.stat-card.stat-time .stat-comparison{bottom:8px;color:#64748b;color:var(--text-muted);font-size:.65rem;opacity:.8;position:absolute;right:12px}.task-timer{align-items:center;display:flex;gap:6px;margin-right:8px}.task-timer.active{background:#10b9811a;border-radius:20px;padding:2px 8px 2px 2px}.timer-btn{align-items:center;background:linear-gradient(135deg,#2c3640,#1e2732);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border:1px solid #6366f14d;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.timer-btn:hover{border-color:#e07b67;border-color:var(--accent-primary);box-shadow:0 0 10px #6366f14d;transform:scale(1.1)}.timer-btn.running{animation:pulse-timer 2s infinite;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success),#059669);border-color:#10b981;border-color:var(--success)}.timer-btn.paused{background:linear-gradient(135deg,#eab308,#d97706);background:linear-gradient(135deg,var(--warning),#d97706);border-color:#eab308;border-color:var(--warning)}.timer-display{color:#10b981;color:var(--success);font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:600;min-width:50px}.timer-display.saved{color:#64748b;color:var(--text-muted);opacity:.8}@keyframes pulse-timer{0%,to{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}@media (max-width:640px){.task-timer{margin-right:4px}.timer-btn{font-size:.75rem;height:24px;width:24px}.timer-display{font-size:.7rem;min-width:40px}.stat-card.stat-time .stat-comparison{bottom:4px;font-size:.55rem;right:8px}}.btn-metrics,.btn-view{background:#6366f126;border:1px solid #6366f14d}.btn-metrics.active,.btn-view.active{background:linear-gradient(135deg,#6366f166,#8b5cf64d);border-color:#e07b67;border-color:var(--accent-primary);box-shadow:0 0 20px #6366f14d}.metrics-panel{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid #6366f14d;border-radius:20px;margin-bottom:24px;padding:24px}.metrics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.metrics-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e07b67,#c85f4a);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;font-size:1.2rem;font-weight:700;margin:0}.close-metrics{background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;height:32px;transition:all .2s;width:32px}.close-metrics:hover{background:#ef444433;color:#f87171}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:#0f172a99;border:1px solid #6366f126;border-radius:16px;padding:20px;text-align:center;transition:all .2s}.metric-card:hover{border-color:#e07b67;border-color:var(--accent-primary);transform:translateY(-2px)}.metric-icon{display:block;font-size:2rem;margin-bottom:8px}.metric-value{color:#f8fafc;color:var(--text-primary);font-size:1.8rem;font-weight:800}.metric-label{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;margin-top:4px}.backup-history{border-top:1px solid #6366f126;padding-top:20px}.backup-history h4{color:#94a3b8;color:var(--text-secondary);font-size:1rem;margin:0 0 12px}.backup-list{display:flex;flex-direction:column;gap:8px}.backup-item{align-items:center;background:#0f172a80;border-radius:10px;display:flex;font-size:.9rem;gap:12px;padding:10px 16px}.backup-status{font-size:1rem}.backup-branch{color:#e07b67;color:var(--accent-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-size:.85rem}.backup-date{color:#94a3b8;color:var(--text-secondary);font-size:.8rem}.stale-notifications{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid #fbbf244d;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:14px 20px}.notification-icon{font-size:1.5rem}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.notification-content strong{color:#fbbf24;font-size:.9rem}.notification-tasks{color:#94a3b8;color:var(--text-secondary);font-size:.85rem}.notification-dismiss{background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;height:28px;transition:all .2s;width:28px}.notification-dismiss:hover{background:#ef444433;color:#f87171}.kanban-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;min-height:500px}@media (max-width:1200px){.kanban-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kanban-container{grid-template-columns:1fr}}.kanban-column{background:#0f172a99;border:1px solid #6366f126;border-radius:16px;display:flex;flex-direction:column;max-height:70vh}.kanban-header{align-items:center;border-bottom:2px solid;border-bottom-color:inherit;display:flex;gap:10px;padding:16px}.kanban-icon{font-size:1.2rem}.kanban-title{flex:1 1;font-size:.95rem;font-weight:600}.kanban-count{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 10px}.kanban-tasks{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.kanban-task{background:#1e293bcc;border:1px solid #6366f11a;border-radius:12px;cursor:pointer;padding:14px;transition:all .2s}.kanban-task:hover{border-color:#e07b67;border-color:var(--accent-primary);box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.kanban-task.highlight{border-left:3px solid #e07b67;border-left:3px solid var(--accent-primary)}.kanban-task-id{color:#e07b67;color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.7rem;margin-bottom:4px}.kanban-task-name{color:#f8fafc;color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:8px}.kanban-task-phase{color:#94a3b8;color:var(--text-secondary);font-size:.75rem;margin-bottom:8px}.kanban-task-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.kanban-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success),#34d399);height:100%;transition:width .3s ease}.kanban-empty{color:#64748b;color:var(--text-muted);font-size:.9rem;padding:40px 20px;text-align:center}.kanban-pending .kanban-header{border-bottom-color:#64748b}.kanban-progress .kanban-header{border-bottom-color:#3b82f6}.kanban-testing .kanban-header{border-bottom-color:#fbbf24}.kanban-completed .kanban-header{border-bottom-color:#22c55e}.header-left{align-items:center;display:flex;gap:16px}.btn-back{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--border-radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.btn-back:hover{background:#e07b67;background:var(--accent-primary);border-color:#e07b67;border-color:var(--accent-primary);color:#fff}.stats-bar{display:flex;gap:16px}.stat-mini{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:6px;padding:6px 12px}.stat-mini .stat-icon{font-size:.9rem}.stat-mini .stat-value{color:#f8fafc;color:var(--text-primary);font-size:.95rem;font-weight:600}.stat-mini.stat-completed .stat-value{color:#10b981;color:var(--success)}.stat-mini.stat-testing .stat-value{color:#f59e0b;color:var(--testing)}.stat-mini.stat-progress .stat-value{color:#3b82f6;color:var(--info)}.stat-mini.stat-global .stat-value{color:#e07b67;color:var(--accent-primary)}.menu-container{position:relative}.hamburger-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;transition:all .3s;width:40px}.hamburger-btn span{background:#f8fafc;background:var(--text-primary);height:2px;transition:all .3s;width:20px}.hamburger-btn:hover{background:#e07b67;background:var(--accent-primary);border-color:#e07b67;border-color:var(--accent-primary)}.hamburger-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.dropdown-menu{animation:fadeInDown .2s ease;background:#1e2732;border:1px solid #e07b674d;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:220px;padding:8px 0;position:absolute;right:0;top:50px;z-index:9999}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:#0000;border:none;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:#e07b6726;color:#e07b67;color:var(--accent-primary)}.dropdown-item.text-muted{color:#64748b;color:var(--text-muted)}.dropdown-divider{background:#ffffff1a;height:1px;margin:8px 0}.cookie-banner{align-items:center;animation:slideUp .3s ease;background:#1e2732;background:var(--bg-card);border-top:1px solid #e07b674d;bottom:0;display:flex;gap:24px;justify-content:space-between;left:0;padding:20px 32px;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{flex:1 1}.cookie-content h4{color:#f8fafc;color:var(--text-primary);font-size:1rem;margin:0 0 4px}.cookie-content p{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;margin:0}.cookie-content a{color:#e07b67;color:var(--accent-primary);text-decoration:underline}.cookie-actions{display:flex;gap:12px}.cookie-btn{border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.cookie-btn-accept{background:#e07b67;background:var(--accent-primary);border:none;color:#fff}.cookie-btn-accept:hover{background:#c85f4a;background:var(--accent-secondary)}.cookie-btn-decline{background:#0000;border:1px solid #fff3;color:#94a3b8;color:var(--text-secondary)}.cookie-btn-decline:hover{border-color:#f8fafc;border-color:var(--text-primary);color:#f8fafc;color:var(--text-primary)}@media (max-width:768px){.stats-bar{display:none}.header-left{gap:12px}.btn-back span{display:none}.cookie-banner{flex-direction:column;padding:16px 20px;text-align:center}.cookie-actions{width:100%}.cookie-btn{flex:1 1}}.sidebar-overlay{animation:fadeIn .2s ease;background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9990}.sidebar-menu{animation:slideInRight .3s ease;background:#1a2332;border-left:1px solid #e07b674d;box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:280px;z-index:9995}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.sidebar-header h3{color:#f8fafc;font-size:1.2rem;font-weight:600;margin:0}.sidebar-close{background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.sidebar-close:hover{background:#e07b67;color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-item{align-items:center;background:#0000;border:none;color:#f8fafc;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 24px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.sidebar-item:hover{background:#e07b6726;color:#e07b67}.sidebar-icon{font-size:1.1rem;text-align:center;width:24px}.sidebar-item-muted{color:#64748b}.sidebar-divider{background:#ffffff1a;height:1px;margin:12px 24px}@media (max-width:480px){.sidebar-menu{width:100%}}.task.task-blocked{background:linear-gradient(135deg,#ef44441a,#0000);border-left:3px solid #ef4444;opacity:.7}.task.task-blocked:hover{opacity:.85}.task-blocked-badge,.task-dependents-badge,.task-deps-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.task-blocked-badge{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.task-deps-badge{background:#6366f133;border:1px solid #6366f14d;color:#a5b4fc}.task-dependents-badge{background:#22d3ee26;border:1px solid #22d3ee4d;color:#67e8f9}.dependencies-section{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;margin-top:16px;padding:20px}.dependencies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dependencies-header h3{color:#f8fafc;font-size:1rem;margin:0}.btn-add-dependency{background:#6366f133;border:1px solid #6366f166;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.btn-add-dependency:hover{background:#6366f14d;color:#c7d2fe}.dependency-blocked-warning{align-items:flex-start;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.blocked-icon{font-size:1.5rem}.blocked-info strong{color:#fca5a5;display:block;margin-bottom:4px}.blocked-info p{color:#f87171;font-size:.85rem;margin:0}.dependencies-list,.dependents-list{margin-bottom:16px}.dependencies-label{color:#94a3b8;font-size:.8rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.no-dependencies{color:#64748b;font-size:.9rem;font-style:italic}.dependency-item,.dependent-item{align-items:center;background:#1e2732cc;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px 14px;transition:all .2s}.dependency-item:hover{background:#1e2732}.dependency-item.completed{border-left:3px solid #10b981}.dependency-item.pending{border-left:3px solid #f59e0b}.dep-icon,.dep-status{font-size:1rem;text-align:center;width:24px}.dep-id{background:#64748b33;border-radius:4px;color:#64748b;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:2px 6px}.dep-name{color:#e2e8f0;flex:1 1;font-size:.9rem}.btn-remove-dep{align-items:center;background:#ef444433;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;opacity:.6;transition:all .2s;width:24px}.dependency-item:hover .btn-remove-dep{opacity:1}.btn-remove-dep:hover{background:#ef444466;color:#fee2e2}.dependents-list{border-top:1px solid #ffffff1a;padding-top:16px}.dependent-item{background:#22d3ee0d;border-left:3px solid #22d3ee66}.dependency-picker{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.picker-label{color:#94a3b8;font-size:.85rem;margin-bottom:12px}.picker-list{background:#0f141980;border-radius:10px;max-height:250px;overflow-y:auto;padding:8px}.picker-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.picker-item:hover{background:#6366f133}.picker-status{font-size:1rem;text-align:center;width:24px}.picker-id{background:#64748b33;border-radius:4px;color:#64748b;font-family:JetBrains Mono,monospace;font-size:.7rem;padding:2px 6px}.picker-name{color:#e2e8f0;flex:1 1;font-size:.85rem}.picker-name,.picker-phase{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-phase{color:#64748b;font-size:.7rem;max-width:120px}@media (max-width:768px){.dependencies-section{padding:16px}.dependencies-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-dependency{text-align:center;width:100%}.dependency-item,.dependent-item{padding:8px 10px}.dep-name,.picker-name{font-size:.8rem}.picker-phase{display:none}}@media (max-width:480px){.task-blocked-badge,.task-dependents-badge,.task-deps-badge{font-size:.65rem;padding:2px 6px}.picker-list{max-height:200px}}.observations-section{background:#ef44440d;border:1px solid #ef444433;border-radius:12px;margin-top:20px;padding:20px}.observations-section h3{color:#ef4444;font-size:1rem;margin:0 0 4px}.observations-subtitle{color:#94a3b8;font-size:.85rem;margin:0 0 16px}.observation-input-wrapper{display:flex;gap:8px;margin-bottom:16px}.observation-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#f8fafc;flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;min-height:60px;padding:12px;resize:vertical}.observation-input:focus{border-color:#ef4444;outline:none}.observation-input::placeholder{color:#64748b}.observation-add-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.observation-add-btn:hover:not(:disabled){box-shadow:0 4px 16px #ef44444d;transform:translateY(-2px)}.observation-add-btn:disabled{cursor:not-allowed;opacity:.5}.observations-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.observation-item{align-items:flex-start;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:12px;padding:12px}.observation-number{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.observation-text{color:#e2e8f0;flex:1 1;font-size:.9rem;line-height:1.5}.observation-delete{background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:1.1rem;height:28px;transition:all .2s;width:28px}.observation-delete:hover{background:#ef4444;color:#fff}.observations-actions{display:flex;gap:8px}.generate-prompt-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:12px 20px;transition:all .2s}.generate-prompt-btn:hover{box-shadow:0 4px 16px #8b5cf64d;transform:translateY(-2px)}.copy-prompt-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#f8fafc;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;padding:12px 20px;transition:all .2s}.copy-prompt-btn:hover{background:#ffffff26}.prompt-preview{background:#0f172a;border:1px solid #8b5cf64d;border-radius:8px;margin-top:12px;max-height:300px;overflow-y:auto;padding:16px}.prompt-preview pre{color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.observations-section{margin-top:16px;padding:16px}.observations-section h3{font-size:.95rem}.observations-subtitle{font-size:.8rem;margin-bottom:14px}.observation-input-wrapper{flex-direction:column;gap:10px}.observation-input{font-size:.85rem;min-height:50px;padding:10px}.observation-add-btn{font-size:.85rem;padding:10px 16px;width:100%}.observations-list{gap:6px;margin-bottom:14px}.observation-item{gap:10px;padding:10px}.observation-number{font-size:.7rem;height:22px;width:22px}.observation-text{font-size:.85rem}.observation-delete{font-size:1rem;height:26px;width:26px}.observations-actions{flex-direction:column;gap:8px}.copy-prompt-btn,.generate-prompt-btn{font-size:.85rem;padding:10px 16px}.prompt-preview{max-height:200px;padding:12px}.prompt-preview pre{font-size:.75rem}}@media (max-width:480px){.observations-section{border-radius:10px;margin-top:12px;padding:12px}.observations-section h3{font-size:.9rem;margin-bottom:2px}.observations-subtitle{font-size:.75rem;margin-bottom:12px}.observation-input-wrapper{gap:8px;margin-bottom:12px}.observation-input{border-radius:6px;font-size:.8rem;min-height:45px;padding:8px 10px}.observation-add-btn{border-radius:6px;font-size:.8rem;padding:8px 14px}.observations-list{gap:5px;margin-bottom:12px}.observation-item{border-radius:6px;gap:8px;padding:8px}.observation-number{font-size:.65rem;height:20px;width:20px}.observation-text{font-size:.8rem;line-height:1.4}.observation-delete{border-radius:5px;font-size:.95rem;height:24px;width:24px}.observations-actions{gap:6px}.copy-prompt-btn,.generate-prompt-btn{border-radius:6px;font-size:.8rem;padding:8px 14px}.prompt-preview{border-radius:6px;margin-top:10px;max-height:180px;padding:10px}.prompt-preview pre{font-size:.7rem;line-height:1.5}}@media (max-width:360px){.observations-section{padding:10px}.observation-text{font-size:.75rem}.prompt-preview pre{font-size:.65rem}}.activity-feed-container{position:relative}.activity-feed-trigger{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.activity-feed-trigger.active,.activity-feed-trigger:hover{background:#ffffff26;border-color:#ffffff40}.activity-feed-trigger .activity-icon{font-size:1.1rem}.activity-badge{align-items:center;animation:badgePulse 2s infinite;background:#e07b67;border-radius:9px;box-shadow:0 2px 6px #e07b6780;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.activity-feed-panel{animation:slideDown .2s ease-out;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:360px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.activity-feed-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 18px}.activity-feed-header h3{color:#fff;font-size:.95rem;font-weight:600;margin:0}.activity-stats-mini{color:#ffffff80;display:flex;font-size:.8rem;gap:12px}.activity-stats-mini span{align-items:center;display:flex;gap:4px}.activity-feed-list{max-height:340px;overflow-y:auto;padding:8px 0}.activity-feed-list::-webkit-scrollbar{width:6px}.activity-feed-list::-webkit-scrollbar-track{background:#0000}.activity-feed-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.activity-feed-item{cursor:default;display:flex;gap:12px;padding:12px 18px;transition:background .15s}.activity-feed-item:hover{background:#ffffff08}.activity-item-indicator{border-radius:2px;flex-shrink:0;width:3px}.activity-feed-item.color-green .activity-item-indicator{background:linear-gradient(180deg,#22c55e,#16a34a)}.activity-feed-item.color-yellow .activity-item-indicator{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.activity-feed-item.color-blue .activity-item-indicator{background:linear-gradient(180deg,#3b82f6,#2563eb)}.activity-feed-item.color-purple .activity-item-indicator{background:linear-gradient(180deg,#a855f7,#9333ea)}.activity-feed-item.color-gray .activity-item-indicator{background:linear-gradient(180deg,#6b7280,#4b5563)}.activity-item-content{flex:1 1;min-width:0}.activity-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.activity-item-icon{font-size:.9rem}.activity-item-time{color:#fff6;font-size:.75rem}.activity-item-text{color:#ffffffd9;font-size:.85rem;line-height:1.4;margin-bottom:4px}.activity-highlight{color:#e07b67;font-weight:500}.activity-item-task{color:#fff6;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-empty{padding:40px 20px;text-align:center}.activity-empty-icon{display:block;font-size:2.5rem;margin-bottom:12px}.activity-empty p{color:#fff9;font-size:.9rem;margin:0}.activity-empty-hint{color:#ffffff59!important;font-size:.8rem!important;margin-top:8px!important}.activity-feed-footer{border-top:1px solid #ffffff14;padding:12px 18px;text-align:center}.activity-view-all{color:#e07b67;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.activity-view-all:hover{color:#f4a78f}@media (max-width:768px){.activity-feed-trigger{height:36px;width:36px}.activity-feed-trigger .activity-icon{font-size:1rem}.activity-badge{font-size:.65rem;height:16px;min-width:16px;right:-3px;top:-3px}.activity-feed-panel{max-height:420px;width:320px}.activity-feed-header{padding:14px 16px}.activity-feed-header h3{font-size:.9rem}.activity-stats-mini{font-size:.75rem;gap:10px}.activity-feed-list{max-height:280px}.activity-feed-item{padding:10px 16px}.activity-item-text{font-size:.8rem}.activity-item-task{font-size:.7rem}.activity-feed-footer{padding:10px 16px}.activity-view-all{font-size:.8rem}}@media (max-width:480px){.activity-feed-trigger{height:32px;width:32px}.activity-feed-trigger .activity-icon{font-size:.9rem}.activity-badge{font-size:.6rem;height:14px;min-width:14px;padding:0 3px}.activity-feed-panel{animation:slideUpPanel .3s ease-out;border-radius:20px 20px 0 0;bottom:0;left:0;max-height:75vh;position:fixed;right:0;top:auto;width:100%}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.activity-feed-header{border-radius:20px 20px 0 0;padding:16px}.activity-feed-header h3{font-size:1rem}.activity-stats-mini{font-size:.8rem}.activity-feed-list{max-height:calc(75vh - 140px);padding:6px 0}.activity-feed-item{gap:10px;padding:12px 16px}.activity-item-indicator{width:4px}.activity-item-icon{font-size:1rem}.activity-item-time{font-size:.7rem}.activity-item-text{font-size:.85rem;line-height:1.5}.activity-highlight{display:inline}.activity-item-task{font-size:.75rem}.activity-empty{padding:50px 20px}.activity-empty-icon{font-size:3rem}.activity-empty p{font-size:.95rem}.activity-empty-hint{font-size:.85rem!important}.activity-feed-footer{padding:14px 16px}.activity-view-all{font-size:.9rem}}@media (max-width:360px){.activity-feed-panel{max-height:80vh}.activity-item-text{font-size:.8rem}.activity-item-task{font-size:.7rem}}.docs-container{--docs-bg:#030712;--docs-card:#0f172a;--docs-elevated:#1e293b;--docs-border:#ffffff14;--docs-accent:#6366f1;--docs-accent-2:#8b5cf6;--docs-text:#f8fafc;--docs-text-2:#94a3b8;background:var(--docs-bg);color:var(--docs-text);font-family:Inter,sans-serif;min-height:100vh;position:relative}.docs-bg{background:var(--docs-bg);pointer-events:none;position:fixed;z-index:0}.docs-bg,.docs-grid-overlay{bottom:0;left:0;right:0;top:0}.docs-grid-overlay{background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:40px 40px;position:absolute}.docs-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.docs-orb.orb-1{background:radial-gradient(circle,#6366f1,#0000);height:400px;right:-100px;top:-150px;width:400px}.docs-orb.orb-2{background:radial-gradient(circle,#8b5cf6,#0000);bottom:10%;height:300px;left:-100px;width:300px}.docs-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-bottom:1px solid var(--docs-border);display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.docs-header-left{display:flex;gap:8px}.docs-header-center{flex:1 1;text-align:center}.docs-header-center h1{font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin:0}.docs-header-right{display:flex;gap:8px}.docs-back-btn{background:#ffffff14;border:1px solid var(--docs-border);border-radius:8px;color:var(--docs-text);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s}.docs-back-btn:hover{background:#ffffff1f;border-color:var(--docs-accent)}.docs-pdf-btn{background:linear-gradient(135deg,var(--docs-accent),var(--docs-accent-2));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.docs-pdf-btn:hover{box-shadow:0 6px 20px #6366f14d;transform:translateY(-2px)}.docs-speak-btn{align-items:center;background:#ffffff14;border:1px solid var(--docs-border);border-radius:50%;color:var(--docs-text-2);cursor:pointer;display:flex;font-size:1.1rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.docs-speak-btn:hover{background:linear-gradient(135deg,var(--docs-accent),var(--docs-accent-2));border-color:var(--docs-accent);box-shadow:0 0 20px #6366f180;color:#fff;transform:scale(1.1)}.docs-speak-btn.speaking{animation:pulse-docs-speak 1.5s infinite;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 20px #10b98180;color:#fff}@keyframes pulse-docs-speak{0%,to{box-shadow:0 0 20px #10b98180;transform:scale(1)}50%{box-shadow:0 0 30px #10b98180;transform:scale(1.1)}}.loading{align-items:center;color:var(--docs-text-2);display:flex;font-size:1.2rem;height:100vh;justify-content:center}.docs-content,.loading{position:relative;z-index:1}.docs-content{line-height:1.8;margin:0 auto;max-width:900px;padding:32px 24px}.doc-h1,.docs-content h1{border-bottom:2px solid var(--docs-border);color:#f59e0b;font-size:1.75rem;font-weight:700;margin:40px 0 20px;padding-bottom:12px}.doc-h2,.docs-content h2{border-top:1px solid var(--docs-border);color:#3b82f6;font-size:1.35rem;font-weight:700;margin:32px 0 16px;padding-top:20px}.doc-h3,.docs-content h3{color:#8b5cf6;font-size:1.1rem;font-weight:600;margin:20px 0 12px}.docs-content p{color:#cbd5e1;margin-bottom:16px}.doc-strong,.docs-content strong{color:var(--docs-text)}.doc-list,.docs-content ol,.docs-content ul{margin:16px 0;padding-left:24px}.docs-content li{color:#cbd5e1;margin-bottom:8px}.docs-content hr{border:none;border-top:1px solid var(--docs-border);margin:24px 0}.inline-code{background:var(--docs-elevated);border-radius:4px;color:#22c55e;font-family:JetBrains Mono,monospace;font-size:.85em;padding:2px 8px}.code-block{background:var(--docs-card);border:1px solid var(--docs-border);border-radius:10px;margin:16px 0;overflow-x:auto;padding:16px}.code-block code{color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6}.code-block::-webkit-scrollbar,.docs-content::-webkit-scrollbar{height:6px;width:6px}.code-block::-webkit-scrollbar-track,.docs-content::-webkit-scrollbar-track{background:var(--docs-bg)}.code-block::-webkit-scrollbar-thumb,.docs-content::-webkit-scrollbar-thumb{background:var(--docs-elevated);border-radius:3px}.docs-footer{border-top:1px solid var(--docs-border);color:var(--docs-text-2);display:flex;font-size:.85rem;gap:12px;justify-content:center;padding:24px;position:relative;z-index:1}@media (max-width:768px){.docs-header{flex-direction:column;gap:12px;padding:12px 16px}.docs-header-left,.docs-header-right{justify-content:center;width:100%}.docs-header-center h1{font-size:1rem}.docs-content{padding:20px 16px}.doc-h1,.docs-content h1{font-size:1.4rem}.doc-h2,.docs-content h2{font-size:1.15rem}.docs-footer{align-items:center;flex-direction:column;gap:4px}}.vault-container,.vault-login-container{--vault-bg:#030712;--vault-card:#0f172a;--vault-elevated:#1e293b;--vault-border:#ffffff14;--vault-accent:#6366f1;--vault-accent-2:#8b5cf6;--vault-success:#10b981;--vault-danger:#ef4444;--vault-text:#f8fafc;--vault-text-2:#94a3b8}.vault-bg{background:var(--vault-bg);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.vault-grid-overlay{background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:40px 40px;bottom:0;left:0;position:absolute;right:0;top:0}.vault-orb{border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.vault-orb.orb-1{background:radial-gradient(circle,#6366f1,#0000);height:400px;right:-100px;top:-150px;width:400px}.vault-orb.orb-2{background:radial-gradient(circle,#8b5cf6,#0000);bottom:10%;height:300px;left:-100px;width:300px}.vault-orb.orb-3{background:radial-gradient(circle,#22d3ee,#0000);bottom:-50px;height:250px;right:20%;width:250px}.vault-login-container{align-items:center;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:24px;position:relative}.vault-login-card{background:linear-gradient(145deg,var(--vault-card),var(--vault-elevated));border:1px solid var(--vault-border);border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 80px #6366f126;max-width:420px;padding:48px;position:relative;width:100%;z-index:1}.vault-login-header{margin-bottom:36px;text-align:center}.vault-lock-icon{animation:pulse 2s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:16px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.vault-login-header h1{color:var(--vault-text);font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.vault-login-header p{color:var(--vault-text-2);font-size:.9rem}.vault-login-form{display:flex;flex-direction:column;gap:20px}.vault-input-group{display:flex;flex-direction:column;gap:8px}.vault-input-group label{color:var(--vault-text-2);font-size:.85rem;font-weight:500}.vault-input-group input{background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:12px;color:var(--vault-text);font-family:Inter,sans-serif;font-size:1rem;padding:14px 16px;transition:all .2s}.vault-input-group input:focus{border-color:var(--vault-accent);box-shadow:0 0 0 3px #6366f133;outline:none}.vault-input-group input::placeholder{color:#64748b}.vault-error{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.9rem;padding:12px 16px;text-align:center}.vault-login-btn{align-items:center;background:linear-gradient(135deg,var(--vault-accent),var(--vault-accent-2));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s}.vault-login-btn:hover:not(:disabled){box-shadow:0 10px 30px #6366f166;transform:translateY(-2px)}.vault-login-btn:disabled{cursor:not-allowed;opacity:.7}.vault-loading{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.vault-login-footer{margin-top:32px;text-align:center}.vault-login-footer a{color:var(--vault-text-2);font-size:.9rem;text-decoration:none;transition:color .2s}.vault-login-footer a:hover{color:var(--vault-accent)}.vault-container{color:var(--vault-text);font-family:Inter,sans-serif;min-height:100vh;position:relative}.vault-header{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-bottom:1px solid var(--vault-border);display:flex;justify-content:space-between;padding:24px 32px;position:relative;z-index:1}.vault-header-left{align-items:center;display:flex;gap:16px}.vault-icon{font-size:2.5rem}.vault-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.vault-header p{color:var(--vault-text-2);font-size:.85rem}.vault-header-right{display:flex;gap:12px}.vault-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s}.vault-btn-primary{background:linear-gradient(135deg,var(--vault-accent),var(--vault-accent-2));color:#fff}.vault-btn-primary:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.vault-btn-primary.loading{opacity:.7;pointer-events:none}.vault-btn-secondary{background:#ffffff14;border:1px solid var(--vault-border);color:var(--vault-text)}.vault-btn-secondary:hover{background:#ffffff1f}.vault-btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.vault-btn-danger:hover{background:#ef444440}.vault-content{margin:0 auto;max-width:1400px;padding:32px;position:relative;z-index:1}.vault-section{margin-bottom:40px}.vault-section-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.vault-section-header h2{font-size:1.25rem;font-weight:700}.vault-badge{background:#6366f126;border-radius:20px;color:var(--vault-accent);font-size:.75rem;font-weight:600;padding:6px 12px}.vault-apis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.vault-api-card{background:linear-gradient(145deg,var(--vault-card),var(--vault-elevated));border:1px solid var(--vault-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s}.vault-api-card:before{background:var(--vault-accent);background:var(--api-color,var(--vault-accent));content:"";height:3px;left:0;position:absolute;right:0;top:0}.vault-api-card:hover{border-color:var(--api-color,var(--vault-accent));box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.vault-api-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.vault-api-logo{background:#fff;border-radius:12px;height:48px;object-fit:contain;padding:8px;width:48px}.vault-api-info h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.vault-api-link{color:var(--vault-text-2);font-size:.8rem;text-decoration:none;transition:color .2s}.vault-api-link:hover{color:var(--vault-accent)}.vault-api-keys{gap:12px}.vault-api-keys,.vault-key-row{display:flex;flex-direction:column}.vault-key-row{background:var(--vault-bg);border:1px solid #0000;border-radius:10px;gap:6px;padding:12px}.vault-key-row.sensitive{background:#f59e0b0d;border-color:#f59e0b4d}.vault-key-label{color:var(--vault-text-2);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.vault-key-value-container{align-items:center;display:flex;gap:10px}.vault-key-value{color:var(--vault-text);flex:1 1;font-family:JetBrains Mono,monospace;font-size:.85rem;word-break:break-all}.vault-copy-btn{align-items:center;background:var(--vault-elevated);border:1px solid var(--vault-border);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.vault-copy-btn:hover{background:var(--vault-accent);border-color:var(--vault-accent)}.vault-copy-btn.copied{background:var(--vault-success);border-color:var(--vault-success)}.vault-backup-panel{background:linear-gradient(145deg,var(--vault-card),var(--vault-elevated));border:1px solid var(--vault-border);border-radius:16px;padding:28px}.vault-backup-info{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:24px}.vault-backup-stat{display:flex;flex-direction:column;gap:4px}.vault-backup-label{color:var(--vault-text-2);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.vault-backup-value{color:var(--vault-text);font-size:1.1rem;font-weight:600}.vault-backup-actions{display:flex;gap:12px;margin-bottom:20px}.vault-btn-backup-big{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;padding:20px 40px;transition:all .3s}.vault-btn-backup-big:hover:not(:disabled){box-shadow:0 12px 35px #10b98166;transform:translateY(-3px)}.vault-btn-backup-big:disabled{cursor:not-allowed;opacity:.7}.vault-btn-backup-big.loading{animation:pulse-backup 1.5s infinite}@keyframes pulse-backup{0%,to{opacity:1}50%{opacity:.7}}.vault-backup-last{color:var(--vault-text-2);font-size:.85rem;margin-top:20px;text-align:center}.vault-backup-unified{padding:40px;text-align:center}.vault-backup-icon-big{font-size:4rem;margin-bottom:16px}.vault-backup-unified h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.vault-backup-unified p{color:var(--vault-text-2);margin-bottom:24px}.vault-btn-backup-unified{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.15rem;font-weight:700;gap:10px;padding:18px 48px;transition:all .3s}.vault-btn-backup-unified:hover:not(:disabled){box-shadow:0 15px 40px #10b98166;transform:translateY(-3px)}.vault-btn-backup-unified:disabled{cursor:not-allowed;opacity:.7}.vault-btn-backup-unified.loading{animation:pulse-backup 1.5s infinite}.vault-backup-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.vault-backup-grid{grid-template-columns:1fr}}.vault-backup-card{background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:16px;padding:28px;text-align:center;transition:all .2s}.vault-backup-card:hover{border-color:var(--vault-accent);transform:translateY(-2px)}.vault-backup-card-icon{font-size:3rem;margin-bottom:12px}.vault-backup-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.vault-backup-card p{color:var(--vault-text-2);font-size:.85rem;margin-bottom:20px}.vault-btn-backup{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;text-decoration:none;transition:all .2s;width:100%}.vault-btn-backup:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.vault-btn-backup.loading{opacity:.7;pointer-events:none}.vault-btn-code{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.vault-btn-code:hover{box-shadow:0 8px 25px #6366f166}.vault-quick-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vault-quick-link{align-items:center;background:var(--vault-card);border:1px solid var(--vault-border);border-radius:12px;color:var(--vault-text);display:flex;gap:12px;padding:16px 20px;text-decoration:none;transition:all .2s}.vault-quick-link:hover{background:var(--vault-elevated);border-color:var(--vault-accent);transform:translateY(-2px)}.vault-quick-link span:first-child{font-size:1.25rem}.vault-footer{color:var(--vault-text-2);display:flex;font-size:.85rem;gap:12px;justify-content:center;padding:24px;position:relative;text-align:center;z-index:1}.vault-prompt-panel{background:linear-gradient(145deg,var(--vault-card),var(--vault-elevated));border:1px solid var(--vault-border);border-radius:16px;padding:28px}.vault-prompt-description{color:var(--vault-text-2);font-size:.95rem;line-height:1.5;margin-bottom:20px}.vault-prompt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.vault-btn-success{background:var(--vault-success);color:#fff}.vault-prompt-preview{background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:12px;overflow:hidden}.vault-prompt-preview-header{align-items:center;background:#6366f11a;border-bottom:1px solid var(--vault-border);color:var(--vault-text-2);display:flex;font-size:.85rem;justify-content:space-between;padding:12px 16px}.vault-prompt-chars{color:var(--vault-accent);font-family:JetBrains Mono,monospace;font-size:.75rem}.vault-prompt-text{color:var(--vault-text);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.vault-prompt-text::-webkit-scrollbar{width:8px}.vault-prompt-text::-webkit-scrollbar-track{background:var(--vault-bg)}.vault-prompt-text::-webkit-scrollbar-thumb{background:var(--vault-elevated);border-radius:4px}.vault-ideas-panel{background:linear-gradient(145deg,var(--vault-card),var(--vault-elevated));border:1px solid var(--vault-border);border-radius:16px;padding:28px}.vault-ideas-unsupported{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;color:#fcd34d;padding:20px;text-align:center}.vault-ideas-recorder{margin-bottom:24px}.vault-ideas-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.vault-btn-record{animation:pulse-record 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.vault-btn-record:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}@keyframes pulse-record{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.vault-btn-stop{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.vault-btn-stop:hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.vault-ideas-transcript{background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:12px;min-height:100px;padding:16px}.vault-ideas-transcript.recording{animation:recording-pulse 1.5s infinite;border-color:#ef4444}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 0 6px #ef444400}}.vault-transcript-header{align-items:center;color:var(--vault-text-2);display:flex;font-size:.85rem;gap:10px;margin-bottom:12px}.recording-dot{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}.vault-transcript-text{color:var(--vault-text);font-size:1rem;line-height:1.6;min-height:60px}.vault-ideas-list{border-top:1px solid var(--vault-border);padding-top:24px}.vault-ideas-list h3{color:var(--vault-text-2);font-size:1rem;font-weight:600;margin-bottom:16px}.vault-idea-card{background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.vault-idea-card:hover{border-color:var(--vault-accent)}.vault-idea-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.vault-idea-title{color:var(--vault-text);font-size:.95rem;font-weight:600}.vault-idea-date{color:var(--vault-text-2);font-size:.75rem}.vault-idea-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--vault-text-2);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:12px;overflow:hidden}.vault-idea-actions{display:flex;gap:8px}.vault-idea-btn{background:var(--vault-elevated);border:1px solid var(--vault-border);border-radius:8px;color:var(--vault-text);cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s}.vault-idea-btn:hover{background:var(--vault-accent);border-color:var(--vault-accent)}.vault-idea-btn-danger:hover{background:#ef44444d;border-color:#ef4444;color:#fca5a5}@media (max-width:768px){.vault-header{gap:16px;padding:20px;text-align:center}.vault-header,.vault-header-left{flex-direction:column}.vault-content{padding:20px}.vault-apis-grid{grid-template-columns:1fr}.vault-backup-info{gap:20px}.vault-backup-actions{flex-direction:column}.vault-login-card{padding:32px 24px}.vault-ideas-controls,.vault-prompt-actions{flex-direction:column}}.bb{background:linear-gradient(135deg,#0a0a1a,#0f0f23 50%,#1a1a2e);display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto auto 1fr;min-height:100vh;position:relative}.bb-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.bb-orb{animation:float 15s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.bb-orb-1{height:400px;right:-50px;top:-100px;width:400px}.bb-orb-2{animation-delay:-7s;bottom:20%;height:300px;left:-80px;width:300px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.bb-header{align-items:center;border-bottom:1px solid #6366f126;display:flex;grid-column:1/-1;justify-content:space-between;padding:20px 32px;position:relative;z-index:10}.bb-back{border-radius:8px;color:#94a3b8;padding:8px 16px;text-decoration:none;transition:all .2s}.bb-back:hover{background:#6366f11a;color:#fff}.bb-title h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin:0}.bb-badge{-webkit-text-fill-color:initial;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#1e293b;font-size:.55rem;font-weight:700;padding:4px 10px}.bb-export-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:transform .2s}.bb-export-btn:hover{transform:translateY(-2px)}.bb-export-btn.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.bb-tabs{background:#0f0f2380;border-bottom:1px solid #6366f11a;display:flex;gap:8px;grid-column:1/-1;padding:16px 32px;position:relative;z-index:10}.bb-tabs button{align-items:center;background:#1a1a2e99;border:1px solid #6366f126;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:12px 20px;transition:all .2s}.bb-tabs button:hover{border-color:#6366f166;color:#e2e8f0}.bb-tabs button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));border-color:#0000;color:#fff}.bb-main{grid-column:1;max-height:calc(100vh - 140px);overflow-y:auto;padding:32px;position:relative;z-index:5}.bb-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bb-section h2{color:#fff;font-size:1.5rem;margin:0 0 8px}.bb-section>p{color:#94a3b8;margin:0 0 24px}.bb-section-sub{border-top:1px solid #6366f126;margin-top:32px;padding-top:24px}.bb-section-sub h3{color:#e2e8f0;font-size:1.1rem;margin:0 0 16px}.bb-colors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.bb-color-item{align-items:center;background:#1a1a2eb3;border:1px solid #6366f126;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.bb-color-item:hover{border-color:#6366f1;border-color:var(--bb-primary,#6366f1);box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.bb-color-swatch{border-radius:10px;box-shadow:0 2px 8px #0003;flex-shrink:0;height:48px;width:48px}.bb-color-info{display:flex;flex-direction:column;gap:2px}.bb-color-label{color:#e2e8f0;font-size:.9rem}.bb-color-hex{color:#64748b;font-family:monospace;font-size:.75rem}.bb-gradient-preview{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:60px;justify-content:center;margin-bottom:12px}.bb-font-group{background:#1a1a2e80;border:1px solid #6366f11a;border-radius:12px;margin-bottom:28px;padding:20px}.bb-font-group label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:10px}.bb-font-group label strong{color:#6366f1;color:var(--bb-primary,#6366f1)}.bb-font-group select{background:#0f0f23cc;border:1px solid #6366f14d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 16px;width:100%}.bb-font-group select:focus{border-color:#6366f1;border-color:var(--bb-primary,#6366f1);outline:none}.bb-font-preview{background:#0f0f2399;border-radius:10px;color:#fff;margin-top:16px;padding:20px}.bb-font-preview span{display:block;margin-bottom:8px}.bb-font-preview .big{font-size:1.5rem}.bb-weight-btns{display:flex;flex-wrap:wrap;gap:8px}.bb-weight-btns button{background:#0f0f2399;border:1px solid #6366f133;border-radius:8px;color:#94a3b8;cursor:pointer;padding:10px 18px;transition:all .2s}.bb-weight-btns button:hover{border-color:#6366f180}.bb-weight-btns button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));border-color:#0000;color:#fff}.bb-font-group input[type=range],.bb-section input[type=range]{-webkit-appearance:none;background:#6366f133;border-radius:3px;height:6px;margin-top:8px;width:100%}.bb-font-group input[type=range]::-webkit-slider-thumb,.bb-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#6366f1;background:var(--bb-primary,#6366f1);border-radius:50%;box-shadow:0 2px 6px #6366f166;cursor:pointer;height:18px;width:18px}.bb-shapes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.bb-shape-item{background:#1a1a2e80;border:1px solid #6366f11a;border-radius:12px;padding:24px;text-align:center}.bb-shape-box{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));color:#fff;display:flex;font-size:.85rem;font-weight:500;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.bb-shape-box.btn{height:44px;width:100px}.bb-shape-box.card{height:80px;width:120px}.bb-shape-item label{color:#94a3b8;display:block;font-size:.85rem;margin-bottom:8px}.bb-presets{display:flex;flex-wrap:wrap;gap:12px}.bb-presets button{align-items:center;background:#1a1a2e99;border:1px solid #6366f126;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px 24px;transition:all .2s}.bb-presets button:hover{border-color:#6366f1;border-color:var(--bb-primary,#6366f1);color:#fff}.bb-presets button div{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));height:40px;width:40px}.bb-effect-group{background:#1a1a2e80;border:1px solid #6366f11a;border-radius:12px;margin-bottom:28px;padding:20px}.bb-effect-group h3{color:#e2e8f0;font-size:1rem;margin:0 0 16px}.bb-toggle-btns{display:flex;gap:12px}.bb-toggle-btns button{background:#0f0f2399;border:2px solid #6366f133;border-radius:10px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:1rem;padding:14px;transition:all .2s}.bb-toggle-btns button:hover{border-color:#6366f180}.bb-toggle-btns button.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:#6366f1;border-color:var(--bb-primary,#6366f1);color:#fff}.bb-shadow-btns{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.bb-shadow-btns button{align-items:center;background:#0f0f2399;border:2px solid #6366f11a;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .2s}.bb-shadow-btns button:hover{border-color:#6366f180}.bb-shadow-btns button.active{background:#6366f11a;border-color:#6366f1;border-color:var(--bb-primary,#6366f1)}.bb-shadow-btns button div{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));border-radius:10px;height:50px;width:50px}.bb-toggle{background:#ef444433;border:2px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.bb-toggle.on{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.bb-slider-group{margin-top:16px}.bb-slider-group label{color:#94a3b8;display:block;font-size:.85rem;margin-bottom:8px}.bb-glass-demo{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;margin-top:16px;padding:24px;text-align:center}.bb-preview-box{border:1px solid #6366f126;border-radius:16px;margin-bottom:32px;padding:24px}.bb-mock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.bb-mock-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.bb-mock-alerts{display:flex;flex-direction:column;gap:10px}.bb-image-section{background:#1a1a2e80;border:1px solid #6366f126;border-radius:16px;padding:24px}.bb-image-section h3{color:#fff;font-size:1.2rem;margin:0 0 8px}.bb-image-section>p{color:#94a3b8;margin:0 0 20px}.bb-upload-area{align-items:center;background:#0f0f2380;border:2px dashed #6366f14d;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px;transition:all .2s}.bb-upload-area:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--bb-primary,#6366f1)}.bb-upload-area img{border-radius:8px;max-height:300px;max-width:100%}.upload-icon{font-size:2.5rem;margin-bottom:12px}.bb-image-actions{display:flex;gap:12px;margin-top:16px}.bb-image-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.bb-image-actions button:first-child{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));color:#fff}.bb-image-actions button:last-child{background:#ef444433;color:#f87171}.bb-canvas{border-radius:12px;display:none;margin-top:20px;max-height:400px;width:100%}.bb-canvas[width]{display:block}.bb-aside{background:#0f0f2399;border-left:1px solid #6366f126;grid-column:2;grid-row:3;padding:24px;position:relative;z-index:5}.bb-aside h4{color:#94a3b8;font-size:1rem;margin:0 0 16px}.bb-quick-card{border:1px solid #6366f133;margin-bottom:20px;overflow:hidden}.bb-quick-colors{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.bb-quick-colors div{aspect-ratio:1;border-radius:8px;cursor:pointer;transition:transform .2s}.bb-quick-colors div:hover{transform:scale(1.1)}.bb-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.bb-modal{background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid #6366f14d;border-radius:20px;max-height:85vh;max-width:520px;overflow-y:auto;padding:28px;width:90%}.bb-modal h3{color:#fff;font-size:1.3rem;margin:0 0 24px;text-align:center}.bb-modal-category{margin-bottom:16px}.bb-modal-cat-label{color:#64748b;display:block;font-size:.75rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.bb-modal-colors{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr)}.bb-modal-colors button{aspect-ratio:1;border:3px solid #0000;border-radius:8px;cursor:pointer;transition:all .2s}.bb-modal-colors button:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.15)}.bb-modal-colors button.selected{border-color:#fff;box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--bb-primary,#6366f1)}.bb-modal-custom{align-items:center;background:#0f0f2399;border-radius:12px;display:flex;gap:10px;margin:24px 0 20px;padding:16px}.bb-modal-custom input[type=color]{background:#0000;border:none;border-radius:8px;cursor:pointer;height:40px;width:50px}.bb-modal-custom input[type=text]{background:#0f0f23cc;border:1px solid #6366f14d;border-radius:8px;color:#fff;flex:1 1;font-family:monospace;padding:10px 14px}.bb-modal-custom button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bb-gradient,linear-gradient(135deg,#6366f1,#8b5cf6));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.bb-modal-close{background:#6366f126;border:1px solid #6366f14d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:14px;transition:background .2s;width:100%}.bb-modal-close:hover{background:#6366f14d}@media (max-width:1000px){.bb{grid-template-columns:1fr}.bb-aside{display:none}.bb-mock-stats,.bb-shapes-grid{grid-template-columns:1fr}}@media (max-width:640px){.bb-header{flex-direction:column;gap:16px;text-align:center}.bb-tabs{flex-wrap:wrap;justify-content:center;padding:12px}.bb-tabs button{font-size:.85rem;padding:10px 14px}.bb-tabs button span:not(:first-child){display:none}.bb-main{padding:20px}.bb-colors-grid{grid-template-columns:1fr}.bb-modal-colors{grid-template-columns:repeat(6,1fr)}.bb-shadow-btns{grid-template-columns:1fr}}.App{min-height:100vh}
/*# sourceMappingURL=main.143b81f0.css.map*/