body{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}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#a5b4fc;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--bg-color:#fff;--surface-color:#f8fafc;--text-color:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--border-radius:0.75rem;--border-radius-lg:2rem}.subdomain-checking{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.subdomain-preview{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);margin-top:.75rem;padding:1rem}.subdomain-preview.available{background:#10b9810d;border-color:#10b981;border-color:var(--success-color)}.subdomain-preview.unavailable{background:#ef44440d;border-color:#ef4444;border-color:var(--error-color)}.subdomain-url{color:#0f172a;color:var(--text-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.availability-status{font-size:.875rem;font-weight:500;margin-bottom:.75rem}.availability-status.available{color:#10b981;color:var(--success-color)}.availability-status.unavailable{color:#ef4444;color:var(--error-color)}.suggestions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.suggestions p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .2s ease}.suggestion-btn:hover{background:#4f46e5;background:var(--primary-hover);transform:translateY(-1px)}[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--text-color:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--shadow:0 1px 3px 0 #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#a855f7,#ec4899)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;background-color:#fff;background-color:var(--bg-color);color:#0f172a;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:all .3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:70px}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafccc;border-bottom:1px solid #e2e8f080;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}[data-theme=dark] .navbar{background:#0f172acc;border-bottom:1px solid #33415580}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:1rem}.nav-link{border-radius:.375rem;color:#0f172a;color:var(--text-color);padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#e2e8f0;background-color:var(--border-color)}.nav-user{align-items:center;display:flex;gap:1rem}.user-email{color:#64748b;color:var(--text-secondary);font-size:.875rem}.theme-controls{align-items:center;display:flex;gap:.25rem}.system-theme-btn,.theme-toggle{background:none;border:none;border-radius:.375rem;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:background-color .2s}.system-theme-btn:hover,.theme-toggle:hover{background-color:#e2e8f0;background-color:var(--border-color)}.system-theme-btn{font-size:1rem;opacity:.8}.system-theme-btn:hover{opacity:1}.logout-btn{background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.logout-btn:hover{background-color:#dc2626}.btn{border:none;border-radius:.375rem;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#4f46e5;background-color:var(--primary-hover)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color);color:#fff}.btn-success{background-color:#10b981;background-color:var(--success-color);color:#fff}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-color);border-radius:.375rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem}.auth-form{background-color:#f8fafc;background-color:var(--surface-color);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:100%}.auth-form h2{color:#0f172a;color:var(--text-color);margin-bottom:1.5rem;text-align:center}.auth-link{color:#64748b;color:var(--text-secondary);margin-top:1rem;text-align:center}.auth-link a{color:#6366f1;color:var(--primary-color);text-decoration:none}.submit-btn{background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.submit-btn:hover:not(:disabled){background-color:#4f46e5;background-color:var(--primary-hover)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading{color:#64748b}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.tenant-settings{margin:0 auto;max-width:1000px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#0f172a;color:var(--text-color);margin-bottom:.5rem}.settings-header p{color:#64748b;color:var(--text-secondary);font-size:1.1rem}.settings-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.tab.active,.tab:hover{color:#6366f1;color:var(--primary-color)}.tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--primary-color)}.settings-form{background:#f8fafc;background:var(--surface-color);border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:2rem}.tab-content h3{color:#0f172a;color:var(--text-color);font-size:1.5rem}.form-group,.tab-content h3{margin-bottom:1.5rem}.form-group label{color:#0f172a;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);color:#0f172a;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}.form-group input:disabled{background:#f8fafc;background:var(--surface-color);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.form-group small{color:#94a3b8;color:var(--text-muted);display:block;font-size:.875rem;margin-top:.25rem}.color-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.color-input{align-items:center;display:flex;gap:.5rem}.color-input input[type=color]{border:none;border-radius:.75rem;border-radius:var(--border-radius);cursor:pointer;height:2.5rem;padding:0;width:3rem}.color-input input[type=text]{flex:1 1}.checkbox-group{margin-bottom:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.domain-info{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.domain-info h4{color:#0f172a;color:var(--text-color);margin-bottom:.5rem}.domain-info ul{margin:0;padding-left:1rem}.domain-info li{color:#64748b;color:var(--text-secondary);margin-bottom:.25rem}.domain-setup{background:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;border-radius:var(--border-radius);padding:1rem}.domain-setup h4{color:#92400e;margin-bottom:.5rem}.domain-setup ol{margin:0 0 .5rem;padding-left:1rem}.domain-setup li{color:#92400e;margin-bottom:.25rem}.domain-setup code{background:#fef3c7;border-radius:.25rem;font-family:monospace;font-size:.875rem;padding:.125rem .25rem}.plan-info{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);padding:1rem}.plan-info h4{color:#0f172a;color:var(--text-color);margin-bottom:.5rem}.plan-info p{color:#64748b;color:var(--text-secondary);margin-bottom:.25rem}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.save-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.save-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-hover)}.save-btn:disabled{background:#94a3b8;background:var(--text-muted);cursor:not-allowed}.settings-link{font-size:1.2rem;text-decoration:none}.settings-link:hover{transform:scale(1.1)}.footer{background:#f8fafc;background:var(--surface-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding:3rem 0 1.5rem;transition:all .3s ease}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.footer-section h4{color:#0f172a;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#64748b;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#6366f1;color:var(--primary-color)}.footer-bottom{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:2rem}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.footer-social{gap:1rem}.footer-social,.social-link{align-items:center;display:flex}.social-link{border-radius:.375rem;color:#64748b;color:var(--text-secondary);justify-content:center;padding:.5rem;transition:all .2s ease}.social-link:hover{background-color:#6366f11a;color:#6366f1;color:var(--primary-color);transform:translateY(-2px)}.footer-copyright{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.footer-copyright p{margin:0}[data-theme=dark] .footer{background:#f8fafc;background:var(--surface-color)}[data-theme=dark] .social-link:hover{background-color:#6366f133}.invite-section{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.invite-section h4{color:#0f172a;color:var(--text-color);font-size:1.1rem;margin-bottom:1rem}.invite-form .form-row{align-items:stretch;display:flex;gap:1rem}.invite-form input{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);color:#0f172a;color:var(--text-color);flex:1 1;font-size:1rem;height:44px;padding:.75rem 1rem;transition:border-color .2s}.invite-form input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.invite-form .btn{align-items:center;display:flex;height:44px;justify-content:center;padding:0 1.5rem;white-space:nowrap}.invite-link-container{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.invite-link-display{align-items:stretch;display:flex;gap:.75rem;margin-bottom:.5rem}.invite-link-input{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);color:#0f172a;color:var(--text-color);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;height:44px;padding:.75rem 1rem;transition:border-color .2s}.invite-link-display .btn{align-items:center;display:flex;height:44px;justify-content:center;padding:0 1.5rem;white-space:nowrap}.users-section{margin-top:2rem}.users-section h4{color:#0f172a;color:var(--text-color);margin-bottom:1rem}.users-table{background:#fff;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius);overflow:hidden}.users-header{background:#f8fafc;background:var(--surface-color);color:#0f172a;color:var(--text-color);font-size:.875rem;font-weight:600}.user-row,.users-header{grid-gap:1rem;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 120px;padding:1rem}.user-row{align-items:center}.user-row:last-child{border-bottom:none}.user-row:hover{background:#f8fafc;background:var(--surface-color)}.user-email{color:#0f172a;color:var(--text-color);font-weight:500}.user-name{color:#64748b;color:var(--text-secondary);font-weight:400;margin-left:.5rem}.role-badge{background:#6366f1;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-badge,.status-badge{border-radius:1rem;padding:.25rem .75rem}.status-badge{text-transform:capitalize}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.status-badge.invited{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--warning-color)}.status-badge.suspended{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--error-color)}.btn-danger{background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:background-color .2s}.btn-danger:hover:not(:disabled){background-color:#dc2626}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;color:#166534;margin-bottom:1rem;padding:.75rem}[data-theme=dark] .success-message{background-color:#052e16;border-color:#166534;color:#86efac}@media (max-width:768px){.nav-container{padding:0 .5rem}.nav-menu{gap:.5rem}.nav-user{flex-direction:column;gap:.5rem}.user-email{display:none}.form-row{grid-template-columns:1fr}.auth-container,.tenant-settings{padding:1rem}.settings-tabs{flex-wrap:wrap}.tab{font-size:.875rem;padding:.5rem 1rem}.color-group{grid-template-columns:1fr}.settings-form{padding:1rem}.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer-social{order:-1}.invite-form .form-row{align-items:stretch;flex-direction:column;gap:.75rem}.invite-form .btn,.invite-form input{height:48px}.invite-link-display{align-items:stretch;flex-direction:column;gap:.75rem}.invite-link-display .btn,.invite-link-input{height:48px}.users-header{display:none}.user-row{background:#f8fafc;background:var(--surface-color);border-radius:.75rem;border-radius:var(--border-radius);gap:.75rem;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}.user-row:hover{background:#e2e8f0;background:var(--border-color)}.user-actions,.user-email,.user-joined,.user-role,.user-status{align-items:center;display:flex;justify-content:space-between}.user-email:before{content:"Email: ";font-weight:600}.user-role:before{content:"Role: ";font-weight:600}.user-status:before{content:"Status: ";font-weight:600}.user-joined:before{content:"Joined: ";font-weight:600}.user-actions:before{content:"Actions: ";font-weight:600}}.home{background:radial-gradient(ellipse at top,#6366f10d 0,#0000 50%);margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:2rem 1rem;transition:background .3s ease}[data-theme=dark] .home{background:radial-gradient(ellipse at top,#6366f11a 0,#0000 50%)}.hero{background:var(--gradient-primary);border-radius:var(--border-radius-lg);color:#fff;margin-bottom:4rem;overflow:hidden;padding:4rem 2rem;position:relative}.hero-content{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-text{flex:1 1;text-align:left}.hero-image{flex:1 1;max-width:500px}.hero-image img{filter:brightness(1.1) contrast(1.1);height:auto;opacity:1;transition:all .3s ease;width:100%}.hero-image:hover img{filter:brightness(1.2) contrast(1.2);transform:scale(1.02)}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border:1px solid #33415580}.hero:before{background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.1"><circle cx="30" cy="30" r="4"/></g></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f1f5f9);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem}.hero h1,.hero p{position:relative;z-index:1}.hero p{font-size:1.375rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.cta-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.cta-btn:hover{background:#ffffff4d;box-shadow:0 20px 40px #0003;transform:translateY(-3px)}.cta-btn:after{content:"→";transition:transform .2s ease}.cta-btn:hover:after{transform:translateX(4px)}.ai-initiatives{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);margin:0 auto;max-width:1200px;overflow:hidden;padding:4rem 2rem;position:relative}.ai-initiatives:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}[data-theme=dark] .ai-initiatives{background:var(--surface-color);border-color:var(--border-color)}.ai-initiatives h2{color:var(--text-color);font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:3rem;position:relative;text-align:center}.ai-initiatives h2:after{background:var(--gradient-primary);border-radius:2px;bottom:-1rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.cta-buttons{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.cta-btn.primary{background:#fffffff2;border:1px solid #ffffff4d;color:var(--primary-color);font-weight:700}.cta-btn.primary:hover{background:#fff;box-shadow:0 20px 40px #0003;color:var(--primary-hover)}.cta-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff6}.cta-btn.secondary:hover{background:#fff3;border-color:#fff9}.fore-features{margin:2rem 0;text-align:center}.fore-features p{color:var(--text-secondary);font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.feature-highlights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.tenant-roadmap-placeholder{margin:2rem 0;text-align:center}.tenant-roadmap-placeholder p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.coming-soon{background:linear-gradient(145deg,var(--surface-color),var(--bg-color));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 auto;max-width:400px;padding:2rem}.coming-soon h3{color:var(--text-color);font-size:1.25rem;margin-bottom:1rem}.coming-soon p{color:var(--text-secondary);margin:0}.hiver-roadmap-placeholder{margin:2rem 0;text-align:center}.hiver-roadmap-placeholder p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:3rem}.ai-highlights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.roadmap-placeholder{margin:2rem 0}.initiatives-container{background:linear-gradient(180deg,#f8fafc80,#fffc);padding:4rem 2rem}[data-theme=dark] .initiatives-container{background:linear-gradient(180deg,#0f172a80,#1e293bcc)}.all-initiatives{margin-top:3rem}.status-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #e2e8f0cc;border-radius:var(--border-radius);margin-bottom:4rem;padding:2rem}[data-theme=dark] .status-section{background:#1e293b99;border-color:#334155cc}.status-section-title{border-bottom:3px solid;font-size:1.75rem;font-weight:700;margin-bottom:2rem;padding-bottom:.75rem;position:relative}.status-section-title.completed{border-bottom-color:var(--success-color);color:var(--success-color)}.status-section-title.in-progress{border-bottom-color:var(--warning-color);color:var(--warning-color)}.status-section-title.planned{border-bottom-color:var(--primary-color);color:var(--primary-color)}.items-half-row-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin:0 auto;max-width:1200px}.roadmap-item-card{background:linear-gradient(145deg,var(--surface-color),var(--bg-color));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;padding:1.5rem 1.5rem 3rem;position:relative;transition:all .3s ease}.roadmap-item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.roadmap-item-card .item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.roadmap-item-card .item-header h4{color:var(--text-color);flex:1 1;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.roadmap-item-card .item-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.roadmap-item-card .item-meta{align-items:center;display:flex;font-size:.875rem;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.roadmap-reference a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s}.roadmap-reference a:hover{color:var(--primary-hover);text-decoration:underline}.quarter-info{background:var(--border-color);border-radius:.375rem;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .5rem}[data-theme=dark] .roadmap-item-card{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #334155cc}[data-theme=dark] .quarter-info{background:#334155;color:#94a3b8}.image-upload-container{margin-bottom:1rem}.image-upload-label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.image-upload-area{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.image-upload-area:hover:not(.disabled){background:var(--bg-color);border-color:var(--primary-color)}.image-upload-area.dragging{background-opacity:.1;background:var(--primary-color);border-color:var(--primary-color)}.image-upload-area.disabled{cursor:not-allowed;opacity:.6}.upload-content{pointer-events:none}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.upload-text{color:var(--text-color);font-weight:500;margin-bottom:.5rem}.upload-hint{color:var(--text-secondary);font-size:.875rem}.image-preview-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:inline-block;overflow:hidden;position:relative}.image-preview{display:block;height:auto;max-height:200px;max-width:300px;object-fit:cover;width:auto}.image-actions{background:var(--surface-color);border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding:.75rem}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.roadmap-item-card .item-image{border-radius:var(--border-radius);height:120px;margin-bottom:1rem;object-fit:cover;width:100%}.roadmap-item-card.has-image{padding-top:1rem}[data-theme=dark] .image-upload-area{background:#1e293b;border-color:#334155}[data-theme=dark] .image-upload-area:hover:not(.disabled){background:#0f172a;border-color:var(--primary-color)}[data-theme=dark] .image-preview-container{background:#1e293b;border-color:#334155}[data-theme=dark] .image-actions{background:#1e293b;border-top-color:#334155}.highlight-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}[data-theme=dark] .highlight-card{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #334155cc}.highlight-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.highlight-card:hover:before{transform:translateX(0)}.highlight-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.highlight-card h3{color:var(--text-color);font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.highlight-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.roadmap-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.roadmap-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.roadmap-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.roadmap-card h3{color:var(--text-color);margin-bottom:.5rem}.roadmap-card p{line-height:1.5}.roadmap-card p,.roadmap-meta{color:var(--text-secondary);margin-bottom:1rem}.roadmap-meta{justify-content:space-between}.quarter-links{display:flex;gap:.5rem}.quarter-links a{background-color:var(--primary-color);border-radius:.25rem;color:#fff;font-size:.75rem;padding:.25rem .5rem;text-decoration:none;transition:background-color .2s}.quarter-links a:hover{background-color:var(--primary-hover)}.view-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:.5rem;box-shadow:0 2px 4px #6366f133;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.view-btn:before{content:"👁️";margin-right:.25rem}.view-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.dashboard{margin:0 auto;max-width:1200px;padding:2rem 1rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:var(--text-color)}.create-btn{background-color:var(--success-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.create-btn:hover{background-color:#059669}.roadmap-list{display:flex;flex-direction:column;gap:1rem}.roadmap-item{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:1.5rem}.roadmap-info h3{color:var(--text-color);margin-bottom:.5rem}.roadmap-info p{color:var(--text-secondary);margin-bottom:.5rem}.roadmap-meta{align-items:center;display:flex;font-size:.875rem;gap:1rem}.status{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status.public{background-color:#d1fae5;color:#065f46}.status.private{background-color:#f3f4f6;color:#374151}[data-theme=dark] .status.public{background-color:#064e3b;color:#10b981}[data-theme=dark] .status.private{background-color:#374151;color:#9ca3af}.roadmap-actions{display:flex;gap:.5rem}.edit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.5rem;box-shadow:0 2px 4px #f59e0b33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.edit-btn:before{content:"✏️"}.edit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.delete-btn:before{content:"🗑️"}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:2rem;position:relative}.modal-content h3{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.modal .form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal .submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:var(--border-radius);box-shadow:0 2px 4px #6366f133;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.modal .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),#4338ca);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.modal .submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.modal .form-group{margin-bottom:1.5rem}.modal .form-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.modal .form-group input,.modal .form-group textarea{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-family:inherit;font-size:1rem;padding:.875rem;transition:border-color .2s ease;width:100%}.modal .form-group input:focus,.modal .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.modal .form-group textarea{min-height:80px;resize:vertical}.modal .checkbox-group{margin-bottom:1.5rem}.modal .checkbox-label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.5rem 0}.modal .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.roadmap-editor{margin:0 auto;max-width:1400px;padding:2rem 1rem}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.editor-header h1{color:var(--text-color)}.add-item-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-item-btn:before{content:"➕"}.add-item-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.quarters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quarter-column{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.quarter-column h2{border-bottom:2px solid var(--primary-color);color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:var(--shadow);padding:1rem 1rem 3rem;position:relative}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.item-header h4{color:var(--text-color);flex:1 1;margin:0}.status-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.status-badge.planned{background-color:#dbeafe;color:#1e40af}.status-badge.in-progress{background-color:#fef3c7;color:#d97706}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.cancelled{background-color:#fee2e2;color:#dc2626}[data-theme=dark] .status-badge.planned{background-color:#1e3a8a;color:#93c5fd}[data-theme=dark] .status-badge.in-progress{background-color:#92400e;color:#fbbf24}[data-theme=dark] .status-badge.completed{background-color:#064e3b;color:#10b981}[data-theme=dark] .status-badge.cancelled{background-color:#7f1d1d;color:#f87171}.item-card p{color:var(--text-secondary);line-height:1.4}.item-card p,.tags{margin-bottom:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background-color:var(--border-color);border-radius:.25rem;color:var(--text-secondary);font-size:.75rem;padding:.125rem .375rem}.tag-colorful{background-color:var(--tag-bg);border:1px solid var(--tag-border);border-radius:.375rem;color:var(--tag-text);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize;transition:all .2s ease}.tag-colorful:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}[data-theme=dark] .tag-colorful:hover{box-shadow:0 2px 4px #0000004d}.tag-small{font-size:.625rem;padding:.125rem .5rem}.tag-default{font-size:.75rem;padding:.25rem .75rem}.tag-large{font-size:.875rem;padding:.375rem 1rem}.item-actions{display:flex;gap:.5rem;justify-content:flex-end;opacity:0;transition:opacity .2s ease}.item-card:hover .item-actions{opacity:1}.item-actions .delete-btn,.item-actions .edit-btn{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.item-actions .delete-btn:before,.item-actions .edit-btn:before{margin:0}.item-actions .delete-btn:hover,.item-actions .edit-btn:hover{transform:scale(1.1)}.item-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.link-btn{align-items:center;border:1px solid #0000;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.link-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.prd-link{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.prd-link:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#1f2937}.figma-link{background-color:#f0f9ff;border-color:#bfdbfe;color:#1e40af}.figma-link:hover{background-color:#dbeafe;border-color:#93c5fd;color:#1d4ed8}[data-theme=dark] .prd-link{background-color:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .prd-link:hover{background-color:#4b5563;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .figma-link{background-color:#1e3a8a;border-color:#3730a3;color:#93c5fd}[data-theme=dark] .figma-link:hover{background-color:#1e40af;border-color:#4338ca;color:#bfdbfe}.vote-container{bottom:1rem;opacity:0;position:absolute;right:1rem;transition:all .3s ease;z-index:10}.item-card:hover .vote-container,.roadmap-item-card:hover .vote-container{opacity:1}.demand-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.375rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:0;top:-2rem;white-space:nowrap}.email-form-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-form-content{background:var(--surface-color);border-radius:.75rem;box-shadow:var(--shadow-lg);margin:1rem;max-width:400px;padding:2rem;width:100%}.email-form-content h4{text-align:center}.email-form-content h4,.email-input{color:var(--text-color);margin-bottom:1rem}.email-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.email-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.email-form-actions{display:flex;gap:.5rem}.vote-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.25rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.vote-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.vote-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.vote-btn.secondary{background:var(--border-color);color:var(--text-secondary)}.vote-btn.secondary:hover:not(:disabled){background:var(--border-color);opacity:.8}.vote-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vote-btn-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.vote-btn-icon.primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.vote-btn-icon.voted{background:#10b9811a;border:2px solid #10b981;color:#10b981}.vote-btn-icon.voted:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.vote-btn-icon:hover:not(:disabled){box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.vote-icon{font-size:1.2rem}.vote-icon,.vote-text{transition:all .3s ease}.vote-text{background:#000c;border-radius:.5rem;bottom:50px;color:#fff;font-size:.875rem;font-weight:500;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;right:50%;transform:translateX(50%);white-space:nowrap;z-index:1000}.vote-text:before{border:6px solid #0000;border-top-color:#000c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.vote-btn-icon:hover .vote-text{opacity:1;transform:translateX(50%) translateY(-5px)}.vote-btn-icon:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .vote-text{background:#0f172af2;border:1px solid #334155cc}[data-theme=dark] .vote-text:before{border-top-color:#0f172af2}[data-theme=dark] .vote-btn-icon{background:#1e293be6;box-shadow:0 2px 8px #0000004d;color:#94a3b8}[data-theme=dark] .vote-btn-icon.voted{background:#10b98126;border:2px solid #10b981;color:#10b981}.vote-error-message{background:#fee2e2;border-radius:.375rem;bottom:-2rem;color:#dc2626;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:0;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}[data-theme=dark] .email-form-content{background:#1e293b;border:1px solid #334155}[data-theme=dark] .email-input{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .email-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}[data-theme=dark] .vote-error-message{background:#7f1d1d;color:#f87171}.public-roadmap{margin:0 auto;max-width:1200px;padding:2rem 1rem}.roadmap-header{margin-bottom:3rem;text-align:center}.roadmap-header h1{color:var(--text-color);margin-bottom:1rem}.roadmap-header p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.quarter-navigation{margin-bottom:3rem;text-align:center}.quarter-navigation h2{color:var(--text-color);margin-bottom:1.5rem}.quarter-navigation .quarter-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quarter-link{background-color:var(--primary-color);border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;min-width:120px;padding:1rem 2rem;text-align:center;text-decoration:none;transition:background-color .2s,transform .2s}.quarter-link:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.quarter-link.active{background-color:var(--success-color)}.quarters-overview{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.quarter-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.quarter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quarter-header h3{color:var(--text-color);margin:0}.view-quarter-btn{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border-radius:.5rem;box-shadow:0 2px 4px #64748b33;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-quarter-btn:before{content:"📅";margin-right:.25rem}.view-quarter-btn:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 8px #64748b4d;transform:translateY(-1px)}.no-items{color:var(--text-secondary);font-style:italic}.items-preview{display:flex;flex-direction:column;gap:.75rem}.item-preview{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.375rem;padding:.75rem}.item-preview h4{color:var(--text-color);font-size:.875rem;margin-bottom:.5rem}.item-preview .status-badge{display:inline-block;margin-bottom:.5rem}.item-preview .tags,.more-items{margin-top:.5rem}.more-items{color:var(--text-secondary);font-size:.875rem;text-align:center}.all-items h2{color:var(--text-color);margin-bottom:1.5rem}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-badges{align-items:center;display:flex;gap:.5rem}.quarter-badge{background-color:var(--primary-color);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.quarter-view{margin:0 auto;padding:2rem 1rem}.quarter-header{margin-bottom:2rem}.breadcrumb{color:var(--text-secondary);margin-bottom:1rem}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.quarter-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}.stat{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;padding:1rem;text-align:center}.stat-number{color:var(--primary-color);display:block;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.875rem}.status-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-column{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.status-header{color:#fff;font-weight:600;padding:1rem;text-align:center}.status-header.planned{background-color:var(--primary-color)}.status-header.in-progress{background-color:var(--warning-color)}.status-header.completed{background-color:var(--success-color)}.status-header.cancelled{background-color:var(--error-color)}.status-column .items-list{padding:1rem}.item-meta{color:var(--text-secondary);font-size:.75rem;margin-top:.5rem}@media (max-width:768px){.hero{padding:2rem 1rem}.hero-content{flex-direction:column;gap:2rem}.hero-content,.hero-text{text-align:center}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-image{margin:0 auto;max-width:350px}.roadmap-grid{grid-template-columns:1fr}.ai-highlights,.feature-highlights{gap:1.5rem;grid-template-columns:1fr}.cta-buttons{align-items:stretch;flex-direction:column;gap:.75rem}.cta-btn{text-align:center;width:100%}.items-half-row-grid{gap:1rem;grid-template-columns:1fr}.highlight-card{padding:1.5rem}.dashboard-header,.roadmap-item{align-items:stretch;flex-direction:column;gap:1rem}.quarters-grid{grid-template-columns:1fr}.quarter-navigation .quarter-links{gap:.5rem}.quarter-link{font-size:.875rem;margin:0;min-width:80px;padding:.75rem 1rem}.items-grid,.status-columns{grid-template-columns:1fr}.quarter-stats{grid-template-columns:repeat(2,1fr)}.status-section{margin:0}.items-half-row-grid .roadmap-item-card{max-width:100%;min-width:100%}.ai-initiatives,.all-initiatives,.home,.initiatives-container{max-width:100%;padding-left:1rem;padding-right:1rem}.ai-initiatives{border-radius:0;margin:0}.status-section{background:#fff9}[data-theme=dark] .status-section{background:#1e293b99}.ai-initiatives{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:none!important;padding-left:1rem;padding-right:1rem;width:100vw}.status-section{border-radius:.5rem;margin-bottom:2rem;margin-left:calc(-50vw + 50% + 1rem);margin-right:calc(-50vw + 50% + 1rem);padding:1rem;width:calc(100vw - 2rem)}.items-half-row-grid{margin:0;padding:0;width:100%}.roadmap-item-card{box-sizing:border-box;margin:0;width:100%}.modal{padding:.5rem}.modal-content{max-width:95vw;padding:1.5rem}.modal .form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.modal .submit-btn{padding:.875rem 1rem;width:100%}}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}[data-theme=dark] .skeleton-card{background:#1f2937;border-color:#374151}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .2s ease-out;background-color:var(--surface-color);border-radius:.5rem;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.modal-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease;width:32px}.modal-close-btn:hover{background-color:var(--border-color);color:var(--text-color)}.modal-body{padding:1rem 2rem 2rem}.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.125rem;gap:1rem;justify-content:center;min-height:200px}.loading.small{font-size:.875rem;min-height:100px}.loading.medium{font-size:1.125rem;min-height:200px}.loading.large{font-size:1.25rem;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading.small .loading-spinner{border-width:2px;height:24px;width:24px}.loading.large .loading-spinner{border-width:4px;height:56px;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{font-weight:500;text-align:center}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem}[data-theme=dark] .error-message{background-color:#431313;border-color:#7f1d1d;color:#fca5a5}.error-text{flex:1 1;line-height:1.4}.error-dismiss-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:24px;justify-content:center;line-height:1;padding:.25rem;transition:background-color .2s ease;width:24px}.error-dismiss-btn:hover{background-color:#0000001a}[data-theme=dark] .error-dismiss-btn:hover{background-color:#ffffff1a}
/*# sourceMappingURL=main.89f21e39.css.map*/