.button-wrapper{align-items:center;display:inline-flex;position:relative}.button-wrapper.full-width,.button-wrapper.full-width .btn{width:100%}.button-wrapper.split{display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.btn:active:not(:disabled),.btn-dropdown-toggle.open{filter:brightness(.9);transform:translateY(0)}.btn:focus,.btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-info) 30%, transparent), var(--elevation-sm);outline:none}.btn:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.55;transform:none}.btn.loading{cursor:progress}.btn-success{--button-state-color:var(--color-success)}.btn-danger{--button-state-color:var(--color-danger)}.btn-warning{--button-state-color:var(--color-warning)}.btn.is-error{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));color:var(--color-danger);border-color:var(--color-danger)}.btn.is-success{background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface));color:color-mix(in srgb, var(--color-success) 75%, black);border-color:var(--color-success)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-caption);border-radius:var(--radius-sm)}.btn-sm{padding:6px var(--space-3);font-size:var(--font-small);border-radius:var(--radius-sm)}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--font-body);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-body-lg);border-radius:var(--radius-md)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--font-h3);border-radius:var(--radius-md)}.btn.loading{pointer-events:none}.btn-spinner{justify-content:center;align-items:center;display:inline-flex}.btn-content{align-items:center;display:inline-flex}.btn-icon{justify-content:center;align-items:center;display:inline-flex}.btn-icon-left{margin-right:.25rem}.btn-icon-right{margin-left:.25rem}.btn-dropdown-icon{margin-left:.25rem;transition:transform .2s}.btn.has-dropdown:hover .btn-dropdown-icon{transform:rotate(180deg)}.button-wrapper.split .btn{border-radius:var(--border-radius) 0 0 var(--border-radius)}.button-wrapper.split .btn-dropdown-toggle{border-radius:0 var(--border-radius) var(--border-radius) 0;border-left:none;margin-left:-1px;padding:.5rem .75rem}.button-wrapper.split .btn-dropdown-toggle.open{background-color:#0000001a}.dropdown-menu{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;background:#fff;min-width:150px;margin-top:.25rem;position:absolute;top:100%;left:0;overflow:hidden}.dark .dropdown-menu{background:#1e293b;border-color:#334155}.dropdown-menu button{text-align:left;cursor:pointer;width:100%;color:var(--color-primary-900);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.dark .dropdown-menu button{color:#f1f5f9}.dropdown-menu button:hover{background:var(--color-primary-50)}.dark .dropdown-menu button:hover{background:#334155}.button-group{display:flex}.button-group.horizontal{flex-direction:row}.button-group.vertical{flex-direction:column}.button-group .btn{border-radius:0}.button-group.horizontal .btn:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.button-group.horizontal .btn:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.button-group.vertical .btn:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.button-group.vertical .btn:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.button-group .btn:not(:last-child){margin-right:-1px}.button-group.vertical .btn:not(:last-child){margin-bottom:-1px;margin-right:0}@media (width<=640px){.btn-xl{padding:.75rem 1.5rem;font-size:1.125rem}.btn-lg{padding:.625rem 1.25rem;font-size:1rem}}.card{transition:all .2s}.card-title{font-size:var(--font-h3);margin:0 0 var(--space-2) 0;color:var(--color-primary-900);font-weight:600}.card-subtitle{font-size:var(--font-small);color:var(--color-primary-600);margin:0 0 var(--space-4) 0}.dark .card-subtitle{color:#94a3b8}.pricing-card{padding:var(--space-8);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--elevation-lg);transition:all .3s}.pricing-card.highlighted{box-shadow:0 20px 40px #0003}.pricing-title{font-size:var(--font-h2);margin:0 0 var(--space-4) 0;font-weight:700}.pricing-price{margin:1.5rem 0}.price-amount{font-size:var(--font-h1);font-weight:800}.price-period{font-size:var(--font-body);opacity:.8}.pricing-features{text-align:left;margin:2rem 0;padding:0;list-style:none}.feature-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid #ffffff1a;display:flex}.feature-icon{color:var(--color-success);font-weight:700}.feature-card{text-align:center}.feature-icon-wrapper{font-size:var(--font-h1);margin-bottom:var(--space-4)}.feature-title{font-size:var(--font-h3);margin:0 0 var(--space-3) 0;color:var(--color-primary-900);font-weight:600}.feature-description{color:var(--color-primary-600);line-height:1.6}.profile-card{text-align:center}.profile-header{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.profile-avatar,.profile-avatar-placeholder{border-radius:var(--radius-pill);-o-object-fit:cover;object-fit:cover;width:80px;height:80px;margin-bottom:.75rem}.profile-avatar-placeholder{font-size:var(--font-h2);background:var(--color-primary-100);color:var(--color-primary-600);justify-content:center;align-items:center;font-weight:600;display:flex}.profile-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.dark .profile-name{color:var(--color-text)}.profile-role{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .profile-role{color:#94a3b8}.profile-bio{color:var(--color-primary-700);margin:1rem 0;line-height:1.6}.dark .profile-bio{color:#cbd5e1}.profile-stats{border-top:1px solid var(--color-primary-200);justify-content:space-around;margin-top:1.5rem;padding-top:1.5rem;display:flex}.dark .profile-stats{border-color:#334155}.stat-value{color:var(--color-primary-900);font-size:1.5rem;font-weight:700;display:block}.statistics-card{flex-direction:column;justify-content:space-between;display:flex}.statistics-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.statistics-icon{background:var(--color-primary-50);border-radius:var(--border-radius);padding:.75rem;font-size:2rem}.statistics-info{flex:1}.statistics-title{color:var(--color-primary-600);margin:0 0 .5rem;font-size:.875rem}.dark .statistics-title{color:#94a3b8}.statistics-value{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .statistics-value{color:#f1f5f9}.statistics-change{margin:0;font-size:.875rem;font-weight:500}.product-card{text-align:center;position:relative}.product-badge{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.product-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius);width:100%;height:200px;margin-bottom:1rem}.product-description{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.dark .product-description{color:#94a3b8}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{color:var(--color-primary-900);font-size:1.25rem;font-weight:700}.dark .product-price{color:#f1f5f9}.testimonial-card{text-align:center}.rating-star{margin:0 .125rem}.testimonial-quote{color:var(--color-primary-700);margin:0 0 1.5rem;font-size:1rem;font-style:italic;line-height:1.6}.dark .testimonial-quote{color:#cbd5e1}.testimonial-author{text-align:left;align-items:center;gap:1rem;display:flex}.author-avatar,.author-avatar-placeholder{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:50px;height:50px}.author-avatar-placeholder{background:var(--color-primary-100);color:var(--color-primary-600);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.team-card{text-align:center}.team-avatar,.team-avatar-placeholder{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100px;height:100px;margin:0 auto 1rem}.team-avatar-placeholder{background:var(--color-primary-100);color:var(--color-primary-600);justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.team-social{justify-content:center;gap:.75rem;display:flex}.social-link{background:var(--color-primary-50);width:36px;height:36px;color:var(--color-primary-600);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-link:hover{background:var(--color-primary-100);transform:translateY(-2px)}@media (width<=640px){.pricing-card{padding:1.5rem}.price-amount{font-size:2.5rem}.statistics-value{font-size:1.5rem}.team-avatar,.team-avatar-placeholder{width:80px;height:80px}}.customizer-toggle{z-index:1000;background:var(--color-primary-500);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-lg);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;top:1rem;right:1rem}.customizer-toggle:hover{transform:scale(1.1)}.customizer-panel{z-index:999;background:#fff;flex-direction:column;width:min(380px,100vw);height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;overflow:hidden;box-shadow:-4px 0 20px #00000026}.dark .customizer-panel{color:#eee;background:#1a1a2e}.customizer-panel.open{right:0}.customizer-header{border-bottom:1px solid var(--color-primary-200);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.customizer-header h3{color:var(--color-primary-700);margin:0;font-size:1.25rem;font-weight:600}.dark .customizer-header h3{color:var(--color-primary-300)}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.dark .close-btn{color:#aaa}.close-btn:hover{color:var(--color-primary-500)}.customizer-tabs{border-bottom:1px solid var(--color-primary-200);display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-weight:500;transition:all .2s}.dark .tab{color:#aaa}.tab:hover{color:var(--color-primary-500)}.tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500)}.dark .tab.active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-400)}.customizer-content{flex:1;padding:1.5rem;overflow-y:auto}.preset-section{padding:1rem 1.25rem 0}.preset-section h4{margin:0 0 .75rem}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.preset-option{border:1px solid var(--color-primary-200);border-radius:var(--radius,var(--border-radius));min-width:0;color:inherit;cursor:pointer;text-align:start;background:0 0;align-items:center;gap:.5rem;padding:.6rem .65rem;font-size:.8rem;display:flex}.preset-option:hover,.preset-option.active{border-color:var(--primary,var(--color-primary-500));background:var(--color-primary-50)}.preset-icon{text-align:center;flex:0 0 1.25rem}.customizer-section h4{text-transform:uppercase;letter-spacing:.05em;color:#888;margin:1.5rem 0 .75rem;font-size:.875rem;font-weight:600}.dark .customizer-section h4{color:#999}.customizer-section h4:first-child{margin-top:0}.control-group label{color:#444;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.dark .control-group label{color:#ccc}.control-group input[type=text],.control-group select{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);color:#333;background:#fff;width:100%;padding:.5rem .75rem;font-size:.875rem}.dark .control-group input[type=text],.dark .control-group select{border-color:var(--color-primary-600);color:#eee;background:#2a2a4a}.control-group input[type=text]:focus,.control-group select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.color-picker{align-items:center;gap:.5rem;display:flex}.accent-color-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.accent-color-swatch{aspect-ratio:1;border-radius:var(--border-radius);cursor:pointer;border:2px solid #0000;width:100%;min-height:1.75rem;box-shadow:inset 0 0 0 1px #ffffff59}.accent-color-swatch.active{border-color:var(--color-text,#111827);outline:2px solid var(--primary,#635bff);outline-offset:2px}.color-picker input[type=color]{border-radius:var(--border-radius);cursor:pointer;border:none;width:40px;height:40px;padding:0}.color-picker input[type=text]{flex:1}.button-group{gap:.5rem;display:flex}.mode-btn{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);cursor:pointer;background:#fff;flex:1;padding:.5rem;font-size:.875rem;transition:all .2s}.dark .mode-btn{border-color:var(--color-primary-600);color:#ccc;background:#2a2a4a}.mode-btn:hover{border-color:var(--color-primary-500)}.mode-btn.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.control-group input[type=range]{width:100%;accent-color:var(--color-primary-500)}.customizer-footer{border-top:1px solid var(--color-primary-200);flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--border-radius);cursor:pointer;border:none;flex:1;min-width:80px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.dark .btn-secondary{background:var(--color-primary-900);color:var(--color-primary-300)}.customizer-content::-webkit-scrollbar{width:6px}.customizer-content::-webkit-scrollbar-track{background:0 0}.customizer-content::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:3px}.customizer-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}.default-layout{color:#1e293b;background-color:#f8fafc;width:100%;min-height:100vh}.dark .default-layout{color:#f1f5f9;background-color:#0f172a}.default-layout-content{width:min(100%, var(--container-width,1320px));min-height:100vh;margin-inline:auto}.agency-home{min-height:100vh}.hero-section{text-align:center;color:#fff;background:#171717;padding:8rem 2rem}.services-section,.portfolio-section,.stats-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.service-card{text-align:center;padding:2rem;transition:transform .2s}.service-description{color:var(--color-primary-600);margin:0;font-size:.875rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.portfolio-item{padding:0;transition:transform .2s;overflow:hidden}.portfolio-item:hover{transform:translateY(-4px)}.portfolio-image{color:#fff;background:#171717;justify-content:center;align-items:center;padding:3rem;font-size:4rem;display:flex}.portfolio-cta{text-align:center}.stats-section{color:#fff;background:#171717}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.cta-section{text-align:center;color:#fff;background:#171717}@media (width<=768px){.hero-section{padding:6rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.services-section,.portfolio-section,.stats-section,.cta-section{padding:4rem 1rem}.section-title{font-size:2rem}.services-grid,.portfolio-grid,.stats-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-about{min-height:100vh}.about-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.story-section,.values-section,.team-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.story-content{max-width:800px;margin:0 auto}.story-text{color:var(--color-primary-900);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.dark .story-text{color:#f1f5f9}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.value-description{color:var(--color-primary-600);margin:0;font-size:.875rem}@media (width<=768px){.about-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.story-section,.values-section,.team-section,.cta-section{padding:4rem 1rem}.section-title{font-size:2rem}.values-grid,.team-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-services{min-height:100vh}.services-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.services-grid-section,.process-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.service-card{padding:2rem;transition:transform .2s}.service-card:hover{transform:translateY(-4px)}.service-icon{margin-bottom:1rem;font-size:3rem}.service-title{color:var(--color-primary-900);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.dark .service-title{color:#f1f5f9}.service-description{color:var(--color-primary-600);margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.dark .service-description{color:#94a3b8}.service-features{margin:0;padding:0;list-style:none}.service-features li{color:var(--color-primary-900);border-bottom:1px solid var(--color-primary-200);padding:.5rem 0;font-size:.875rem}.dark .service-features li{color:#f1f5f9;border-bottom-color:#475569}.service-features li:last-child{border-bottom:none}.process-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.process-step{text-align:center}.step-number{color:var(--color-primary-500);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.dark .step-number{color:#60a5fa}.dark .step-title{color:#f1f5f9}.step-description{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .step-description{color:#94a3b8}@media (width<=768px){.services-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.services-grid-section,.process-section,.cta-section{padding:4rem 1rem}.section-title{font-size:2rem}.services-grid,.process-steps{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-portfolio{min-height:100vh}.portfolio-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.portfolio-grid-section,.cta-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.portfolio-card{padding:0;transition:transform .2s;overflow:hidden}.portfolio-card:hover{transform:translateY(-4px)}.portfolio-image{background:var(--color-primary-50);justify-content:center;align-items:center;padding:3rem;font-size:4rem;display:flex}.dark .portfolio-image{background:#334155}.portfolio-content{padding:1.5rem}.portfolio-category{color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.portfolio-title{color:var(--color-primary-900);margin:.5rem 0 .25rem;font-size:1.25rem;font-weight:600}.dark .portfolio-title{color:#f1f5f9}.portfolio-client{color:var(--color-primary-600);margin:0 0 .75rem;font-size:.875rem}.dark .portfolio-client{color:#94a3b8}.portfolio-description{color:var(--color-primary-900);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .portfolio-description{color:#f1f5f9}@media (width<=768px){.portfolio-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.filter-section{padding:1rem}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.portfolio-grid-section,.cta-section{padding:3rem 1rem}.portfolio-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-case-studies{min-height:100vh}.case-studies-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.case-studies-section,.cta-section{max-width:1000px;margin:0 auto;padding:6rem 2rem}.case-study-card{margin-bottom:3rem;padding:2rem;transition:transform .2s}.case-study-card:hover{transform:translateY(-4px)}.case-study-header{align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.case-study-image{flex-shrink:0;font-size:4rem}.case-study-info{flex:1}.case-study-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.dark .case-study-title{color:#f1f5f9}.case-study-client{color:var(--color-primary-600);margin:0 0 .25rem;font-size:1rem}.dark .case-study-client{color:#94a3b8}.case-study-duration{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .case-study-duration{color:#94a3b8}.case-study-content{flex-direction:column;gap:2rem;display:flex}.case-study-section{background:var(--color-primary-50);border-radius:var(--border-radius);padding:1.5rem}.dark .case-study-section{background:#334155}.dark .section-heading{color:#f1f5f9}.section-text{color:var(--color-primary-900);margin:0;font-size:.875rem;line-height:1.6}.dark .section-text{color:#f1f5f9}.results-list{margin:0;padding:0;list-style:none}.results-list li{color:var(--color-primary-900);padding:.5rem 0 .5rem 1.5rem;font-size:.875rem;position:relative}.dark .results-list li{color:#f1f5f9}.results-list li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}@media (width<=768px){.case-studies-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.case-studies-section,.cta-section{padding:4rem 1rem}.case-study-header{flex-direction:column;gap:1rem}.case-study-image{font-size:3rem}.cta-title{font-size:2rem}}.agency-team{min-height:100vh}.team-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.team-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.team-image{margin-bottom:1rem;font-size:4rem}.team-role{color:var(--color-primary-500);margin:0 0 1rem;font-size:.875rem;font-weight:600}.team-bio{color:var(--color-primary-600);margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.dark .team-bio{color:#94a3b8}.team-skills{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.skill-tag{background:var(--color-primary-100);color:var(--color-primary-900);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.dark .skill-tag{color:#f1f5f9;background:#475569}@media (width<=768px){.team-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.team-section,.cta-section{padding:4rem 1rem}.team-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-testimonials{min-height:100vh}.testimonials-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.stats-section{background:var(--color-primary-50);padding:4rem 2rem}.dark .stats-section{background:#334155}.testimonials-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.testimonial-card{padding:2rem;transition:transform .2s}.testimonial-card:hover{transform:translateY(-4px)}.testimonial-rating{color:#f59e0b;margin-bottom:1rem;font-size:1.5rem}.testimonial-content{color:var(--color-primary-900);margin:0 0 1.5rem;font-size:1rem;font-style:italic;line-height:1.6}.dark .testimonial-content{color:#f1f5f9}.author-image{background:var(--color-primary-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.dark .author-image{background:#475569}.author-info{flex:1}.dark .author-name{color:#f1f5f9}.author-role{color:var(--color-primary-600);margin:0 0 .25rem;font-size:.875rem}.dark .author-role{color:#94a3b8}.author-company{color:var(--color-primary-600);margin:0;font-size:.75rem}.dark .author-company{color:#94a3b8}@media (width<=768px){.testimonials-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stats-section{padding:3rem 1rem}.stats-grid{grid-template-columns:1fr}.testimonials-section,.cta-section{padding:4rem 1rem}.testimonials-grid{grid-template-columns:1fr}.testimonial-author{text-align:center;flex-direction:column}.cta-title{font-size:2rem}}.agency-blog{min-height:100vh}.blog-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.filter-section{text-align:center;padding:2rem}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:1200px;margin:0 auto;display:flex}.blog-section,.cta-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.blog-card{padding:0;transition:transform .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px)}.blog-image{background:var(--color-primary-50);justify-content:center;align-items:center;padding:3rem;font-size:4rem;display:flex}.dark .blog-image{background:#334155}.blog-content{padding:1.5rem}.blog-category{color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.blog-title{color:var(--color-primary-900);margin:.5rem 0 .75rem;font-size:1.25rem;font-weight:600}.dark .blog-title{color:#f1f5f9}.blog-excerpt{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .blog-excerpt{color:#94a3b8}.blog-meta{color:var(--color-primary-600);justify-content:space-between;margin-bottom:1rem;font-size:.75rem;display:flex}.dark .blog-meta{color:#94a3b8}.blog-author{font-weight:500}@media (width<=768px){.blog-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.filter-section{padding:1rem}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.blog-section,.cta-section{padding:3rem 1rem}.blog-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}.agency-pricing{min-height:100vh}.pricing-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.pricing-section,.faq-section,.cta-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.pricing-card{text-align:center;padding:2rem;transition:transform .2s}.pricing-card.highlighted{border:2px solid var(--color-primary-500);transform:scale(1.05)}.pricing-card.highlighted:hover{transform:scale(1.05)translateY(-4px)}.pricing-header{margin-bottom:2rem}.plan-price{margin-bottom:1rem}.price-amount{color:var(--color-primary-500);font-size:2.5rem;font-weight:700}.dark .price-amount{color:#60a5fa}.price-period{color:var(--color-primary-600);font-size:1rem}.dark .price-period{color:#94a3b8}.plan-description{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .plan-description{color:#94a3b8}.plan-features li{color:var(--color-primary-900);border-bottom:1px solid var(--color-primary-200);padding:.75rem 0;font-size:.875rem}.dark .plan-features li{color:#f1f5f9;border-bottom-color:#475569}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{padding:1.5rem}.cta-section{text-align:center;background:var(--color-primary-50)}.dark .cta-section{background:#334155}@media (width<=768px){.pricing-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.pricing-section,.faq-section,.cta-section{padding:4rem 1rem}.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-4px)}.section-title,.cta-title{font-size:2rem}}.agency-contact{min-height:100vh}.contact-hero{text-align:center;background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);color:#fff;padding:6rem 2rem}.hero-title{margin:0 0 1rem;font-size:3rem;font-weight:700}.hero-subtitle{opacity:.95;max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.6}.contact-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.contact-container{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.form-title{color:var(--color-primary-900);margin:0 0 2rem;font-size:1.5rem;font-weight:600}.dark .form-title{color:#f1f5f9}.form-input,.form-select,.form-textarea{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);color:var(--color-primary-900);background:#fff;padding:.75rem;font-family:inherit;font-size:.875rem}.dark .form-input,.dark .form-select,.dark .form-textarea{color:#f1f5f9;background:#1e293b;border-color:#475569}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px}.contact-info-card,.social-card{padding:2rem}.info-title,.social-title{color:var(--color-primary-900);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.dark .info-title,.dark .social-title{color:#f1f5f9}.social-links{flex-direction:column;gap:.75rem;display:flex}.social-link{color:var(--color-primary-900);background:var(--color-primary-50);border-radius:var(--border-radius);text-align:center;padding:.75rem;font-size:.875rem;text-decoration:none;transition:background .2s}.dark .social-link{color:#f1f5f9;background:#334155}.social-link:hover{background:var(--color-primary-200)}.dark .social-link:hover{background:#475569}@media (width<=768px){.contact-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.contact-section{padding:4rem 1rem}.contact-container{grid-template-columns:1fr}}.dashboard-layout{width:100%;min-width:0;min-height:100vh;display:flex}.dashboard-sidebar{width:var(--sidebar-width,260px);border-inline-end:1px solid var(--color-primary-200);background:#fff;flex-direction:column;flex-shrink:0;min-width:0;padding:1.5rem;display:flex}.dark .dashboard-sidebar{background:#1e293b;border-color:#334155}.sidebar-header{margin-bottom:2rem}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-link{border-radius:var(--border-radius);color:var(--color-primary-700);padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.dark .sidebar-link{color:#cbd5e1}.sidebar-link:hover{background:var(--color-primary-50)}.dark .sidebar-link:hover{background:#334155}.sidebar-link.active{background:var(--color-primary-500);color:#fff}.dashboard-content{min-width:0;max-width:var(--container-width,1320px);flex:1;padding:2rem;overflow-y:auto}html[data-sidebar=hidden] .dashboard-sidebar{display:none}html[data-sidebar=floating] .dashboard-sidebar{border:1px solid var(--color-primary-200);border-radius:var(--radius,var(--border-radius));min-height:calc(100vh - 2rem);margin:1rem}html[data-direction=rtl] .dashboard-sidebar{border-inline-end:0;border-inline-start:1px solid var(--color-primary-200)}@media (width<=980px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{border-inline:none;border-bottom:1px solid var(--color-primary-200);width:100%;padding:1rem}.dark .dashboard-sidebar{border-bottom-color:#334155}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sidebar-link{text-align:center;padding:.7rem .5rem}.dashboard-content{padding:1rem}}@media (width<=640px){.dashboard-sidebar{padding:.75rem}.sidebar-header{margin-bottom:1rem}.sidebar-header h2{font-size:1.2rem}.sidebar-nav{grid-template-columns:1fr 1fr}.sidebar-link{font-size:.9rem}.dashboard-content{padding:.75rem}}.ai-landing{width:100%}.ai-hero{color:#fff;background:linear-gradient(135deg,#09090b 0%,#3b0764 100%);padding:6rem 2rem}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-content{text-align:left}.hero-visual{justify-content:center;display:flex}.visual-icons{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.visual-icon{border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;display:flex}.ai-features{background:#fff;padding:6rem 2rem}.dark .ai-features{background:#1e293b}.container{max-width:1200px;margin:0 auto}.feature-card h3{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.dark .feature-card h3{color:#f1f5f9}.feature-card p{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .feature-card p{color:#cbd5e1}.ai-cta{text-align:center;background:#09090b;padding:6rem 2rem}.dark .ai-cta{background:#334155}@media (width<=768px){.ai-hero{padding:4rem 1rem}.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{text-align:center}.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.section-title,.cta-title{font-size:1.75rem}}.ai-dashboard{padding:2rem}.ai-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.ai-dashboard{padding:1rem}.dashboard-title{font-size:1.5rem}.ai-stats,.quick-actions-grid{grid-template-columns:1fr}}.ai-chat{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.chat-header{justify-content:space-between;align-items:center;display:flex}.chat-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .chat-title{color:#f1f5f9}.chat-container{border-radius:var(--border-radius);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.dark .chat-container{background:#1e293b}.chat-messages{flex-direction:column;flex:1;gap:1rem;min-height:400px;padding:1.5rem;display:flex;overflow-y:auto}.message{gap:1rem;max-width:80%;display:flex}.message-user{flex-direction:row-reverse;align-self:flex-end}.message-assistant{align-self:flex-start}.message-avatar{background:var(--color-primary-50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.dark .message-avatar{background:#334155}.message-content{flex:1}.message-text{background:var(--color-primary-50);border-radius:var(--border-radius);padding:1rem;line-height:1.6}.dark .message-text{color:#f1f5f9;background:#334155}.message-user .message-text{background:var(--color-primary-500);color:#fff}.chat-input-section{border-top:1px solid var(--color-primary-200);padding:1rem}.dark .chat-input-section{border-color:#334155}.input-wrapper{flex:1;gap:.5rem;display:flex}.chat-input{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);color:var(--color-primary-900);background:#fff;flex:1;padding:.75rem;font-size:.875rem}.dark .chat-input{color:#f1f5f9;background:#1e293b;border-color:#334155}.chat-input:focus{border-color:var(--color-primary-500);outline:none}.model-selection{align-items:center;gap:1rem;padding:1rem;display:flex}.model-title{color:var(--color-primary-900);margin:0;font-size:.875rem;font-weight:600}.dark .model-title{color:#f1f5f9}.model-select{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);color:var(--color-primary-900);background:#fff;padding:.5rem;font-size:.875rem}.dark .model-select{color:#f1f5f9;background:#1e293b;border-color:#334155}@media (width<=768px){.ai-chat{padding:1rem}.chat-title{font-size:1.5rem}.message{max-width:90%}.input-wrapper{flex-direction:column}.input-wrapper button{width:100%}}.prompt-library{padding:2rem}.library-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.library-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .library-title{color:#f1f5f9}.prompt-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.prompt-card{padding:1.5rem;transition:transform .2s}.prompt-card:hover{transform:translateY(-2px)}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.prompt-category{background:var(--color-primary-100);color:var(--color-primary-700);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dark .prompt-category{color:#cbd5e1;background:#334155}.prompt-uses{color:var(--color-primary-600);font-size:.75rem}.dark .prompt-uses{color:#94a3b8}.prompt-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.dark .prompt-title{color:#f1f5f9}.prompt-description{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .prompt-description{color:#cbd5e1}@media (width<=768px){.prompt-library{padding:1rem}.library-header{flex-direction:column;align-items:stretch;gap:1rem}.prompt-grid{grid-template-columns:1fr}.prompt-actions{flex-direction:column}.prompt-actions button{width:100%}}.image-generator{padding:2rem}.prompt-card{margin-bottom:2rem;padding:2rem}.prompt-section{flex-direction:column;gap:1rem;display:flex}.prompt-label{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .prompt-label{color:#f1f5f9}.prompt-textarea{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);resize:vertical;width:100%;color:var(--color-primary-900);background:#fff;padding:.75rem;font-family:inherit;font-size:.875rem}.dark .prompt-textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}.prompt-textarea:focus{border-color:var(--color-primary-500);outline:none}.prompt-actions{gap:.5rem;display:flex}.generated-images{margin-bottom:2rem}.images-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.image-card{padding:1.5rem;transition:transform .2s}.image-card:hover{transform:translateY(-2px)}.image-placeholder{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:1rem;font-size:4rem;display:flex}.dark .image-placeholder{background:#334155}.image-prompt{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.4}.dark .image-prompt{color:#cbd5e1}.image-actions{gap:.5rem;display:flex}@media (width<=768px){.image-generator{padding:1rem}.generator-title{font-size:1.5rem}.images-grid{grid-template-columns:1fr}.prompt-actions{flex-direction:column}.prompt-actions button{width:100%}}.content-generator{padding:2rem}.generator-header{margin-bottom:2rem}.generator-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .generator-title{color:#f1f5f9}.generator-card{margin-bottom:2rem;padding:2rem}.generator-form{flex-direction:column;gap:1.5rem;display:flex}.form-section{flex-direction:column;gap:.5rem;display:flex}.form-select,.form-textarea{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);width:100%;color:var(--color-primary-900);background:#fff;padding:.75rem;font-family:inherit;font-size:.875rem}.dark .form-select,.dark .form-textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none}.form-textarea{resize:vertical}.result-card{padding:2rem}.result-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.dark .result-title{color:#f1f5f9}.result-content{background:var(--color-primary-50);border-radius:var(--border-radius);white-space:pre-wrap;color:var(--color-primary-900);margin-bottom:1rem;padding:1.5rem;line-height:1.6}.dark .result-content{color:#f1f5f9;background:#334155}.result-actions{gap:.5rem;display:flex}@media (width<=768px){.content-generator{padding:1rem}.generator-title{font-size:1.5rem}.result-actions{flex-direction:column}.result-actions button{width:100%}}.ai-history{padding:2rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .page-title{color:#f1f5f9}.history-item{align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex}.history-item:hover{transform:translate(4px)}.history-icon{background:var(--color-primary-50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.dark .history-icon{background:#334155}.history-details{flex:1}.item-title{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .item-title{color:#f1f5f9}.item-content{color:var(--color-primary-600);margin:0 0 .25rem;font-size:.875rem}.dark .item-content{color:#cbd5e1}.item-date{color:var(--color-primary-500);font-size:.75rem}.dark .item-date{color:#64748b}.history-actions{gap:.5rem;display:flex}@media (width<=768px){.ai-history{padding:1rem}.history-header{flex-direction:column;align-items:stretch;gap:1rem}.history-item{flex-direction:column;align-items:flex-start}.history-actions{justify-content:flex-end;width:100%}}.ai-usage{padding:2rem}.usage-header{margin-bottom:2rem}.usage-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .usage-title{color:#f1f5f9}.usage-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.usage-card{text-align:center;padding:1.5rem}.usage-value{color:var(--color-primary-900);margin-bottom:.5rem;font-size:2rem;font-weight:700}.dark .usage-value{color:#f1f5f9}.usage-period{color:var(--color-primary-600);font-size:.875rem}.dark .usage-period{color:#94a3b8}.usage-breakdown{padding:2rem}.breakdown-list{flex-direction:column;gap:1.5rem;display:flex}.breakdown-item{flex-direction:column;gap:.5rem;display:flex}.breakdown-info{justify-content:space-between;align-items:center;display:flex}.breakdown-type{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .breakdown-type{color:#f1f5f9}.breakdown-amount{color:var(--color-primary-600);font-size:.875rem}.dark .breakdown-amount{color:#94a3b8}.breakdown-bar{background:var(--color-primary-100);border-radius:4px;width:100%;height:8px;overflow:hidden}.dark .breakdown-bar{background:#334155}.bar-fill{background:var(--color-primary-500);border-radius:4px;height:100%;transition:width .3s}@media (width<=768px){.ai-usage{padding:1rem}.usage-title{font-size:1.5rem}.usage-stats{grid-template-columns:1fr}}.ai-credits{padding:2rem}.credits-header{margin-bottom:2rem}.credits-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .credits-title{color:#f1f5f9}.credits-overview{background:linear-gradient(135deg, var(--color-primary-50) 0%, white 100%);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}.dark .credits-overview{background:linear-gradient(135deg,#1e3a8a 0%,#1e293b 100%)}.credits-display{text-align:center}.credits-amount{color:var(--color-primary-900);margin-bottom:.5rem;font-size:3rem;font-weight:700}.dark .credits-amount{color:#f1f5f9}.credits-label{color:var(--color-primary-600);font-size:1rem}.dark .credits-label{color:#94a3b8}.credits-plan{text-align:right}.plan-badge{background:var(--color-primary-500);color:#fff;border-radius:9999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.plan-info{color:var(--color-primary-600);font-size:.875rem}.dark .plan-info{color:#94a3b8}.pricing-section{margin-bottom:2rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.pricing-card{text-align:center;border:2px solid var(--color-primary-200);padding:2rem;position:relative}.package-name{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.dark .package-name{color:#f1f5f9}.package-price{color:var(--color-primary-900);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dark .package-price{color:#f1f5f9}.package-credits{color:var(--color-primary-600);margin-bottom:1.5rem;font-size:.875rem}.dark .package-credits{color:#94a3b8}.purchase-button{width:100%}.usage-info{padding:1.5rem}.usage-info-item{border-bottom:1px solid var(--color-primary-100);justify-content:space-between;padding:.75rem 0;display:flex}.dark .usage-info-item{border-color:#334155}.usage-info-item:last-child{border-bottom:none}.info-label{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.info-value{color:var(--color-primary-600);font-size:.875rem}@media (width<=768px){.ai-credits{padding:1rem}.credits-title{font-size:1.5rem}.credits-overview{text-align:center;flex-direction:column;gap:1rem}.credits-plan{text-align:center}.pricing-grid{grid-template-columns:1fr}}.api-keys{padding:2rem}.keys-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.keys-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .keys-title{color:#f1f5f9}.keys-info{background:var(--color-primary-50);margin-bottom:2rem;padding:1.5rem}.dark .keys-info{background:#334155}.info-text{color:var(--color-primary-700);margin:0;font-size:.875rem;line-height:1.6}.dark .info-text{color:#cbd5e1}.keys-list{flex-direction:column;gap:1.5rem;display:flex}.key-card{padding:1.5rem}.key-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.key-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .key-name{color:#f1f5f9}.key-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.key-status.active{color:#065f46;background:#ecfdf5}.dark .key-status.active{color:#d1fae5;background:#064e3b}.key-display{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.key-value{color:var(--color-primary-900);background:var(--color-primary-50);border-radius:var(--border-radius);flex:1;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.dark .key-value{color:#f1f5f9;background:#334155}.key-details{gap:2rem;margin-bottom:1rem;display:flex}.key-detail{gap:.5rem;font-size:.875rem;display:flex}.key-actions{gap:.5rem;display:flex}@media (width<=768px){.api-keys{padding:1rem}.keys-header{flex-direction:column;align-items:stretch;gap:1rem}.key-display{flex-direction:column}.key-display button{width:100%}.key-details{flex-direction:column;gap:.5rem}.key-actions{flex-direction:column}.key-actions button{width:100%}}.ai-models{padding:2rem}.models-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.models-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .models-title{color:#f1f5f9}.models-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.model-card{padding:1.5rem;transition:transform .2s}.model-card:hover{transform:translateY(-2px)}.model-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.model-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .model-name{color:#f1f5f9}.model-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.model-status-available{color:#065f46;background:#ecfdf5}.dark .model-status-available{color:#d1fae5;background:#064e3b}.model-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.model-detail{justify-content:space-between;font-size:.875rem;display:flex}.model-actions{gap:.5rem;display:flex}@media (width<=768px){.ai-models{padding:1rem}.models-header{flex-direction:column;align-items:stretch;gap:1rem}.models-grid{grid-template-columns:1fr}.model-actions{flex-direction:column}.model-actions button{width:100%}}.ai-templates{padding:2rem}.templates-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.templates-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .templates-title{color:#f1f5f9}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.template-card{padding:1.5rem;transition:transform .2s}.template-card:hover{transform:translateY(-2px)}.template-icon{margin-bottom:1rem;font-size:2rem}.template-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.template-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .template-name{color:#f1f5f9}.template-category{background:var(--color-primary-100);color:var(--color-primary-700);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dark .template-category{color:#cbd5e1;background:#334155}.template-description{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .template-description{color:#cbd5e1}.template-actions{gap:.5rem;display:flex}@media (width<=768px){.ai-templates{padding:1rem}.templates-header{flex-direction:column;align-items:stretch;gap:1rem}.templates-grid{grid-template-columns:1fr}.template-actions{flex-direction:column}.template-actions button{width:100%}}.ai-billing{padding:2rem}.current-plan{border:2px solid var(--color-primary-200);margin-bottom:2rem;padding:2rem}.dark .current-plan{border-color:#334155}.billing-list{padding:1.5rem}.billing-item{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.dark .billing-item{background:#334155}.billing-item:last-child{margin-bottom:0}.billing-info{flex-direction:column;gap:.25rem;display:flex}.billing-date{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .billing-date{color:#f1f5f9}.billing-amount{color:var(--color-primary-600);font-size:.875rem}.dark .billing-amount{color:#94a3b8}.payment-method{padding:1.5rem}.payment-display{background:var(--color-primary-50);border-radius:var(--border-radius);align-items:center;gap:1rem;padding:1rem;display:flex}.dark .payment-display{background:#334155}@media (width<=768px){.ai-billing{padding:1rem}.billing-title{font-size:1.5rem}.plan-header{flex-direction:column;gap:1rem}.plan-actions{flex-direction:column}.plan-actions button{width:100%}.billing-item{flex-direction:column;align-items:stretch;gap:1rem}.billing-item button{width:100%}.payment-display{text-align:center;flex-direction:column}.payment-display button{width:100%}}.input-wrapper{margin-bottom:1rem}.input-label{margin-bottom:.5rem;font-weight:500;display:block}.input-container{align-items:center;display:flex;position:relative}.input-field{width:100%;transition:all .2s}.input-field:focus{outline:none}.input-icon{pointer-events:none;color:var(--color-primary-400);justify-content:center;align-items:center;display:flex;position:absolute}.input-icon-left{left:.75rem}.input-icon-right{right:.75rem}.input-password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;display:flex;position:absolute;right:.75rem}.input-password-toggle:hover{opacity:.7}.input-error,.input-helper{margin-top:.25rem;font-size:.875rem}.select-wrapper{margin-bottom:1rem}.select-field{cursor:pointer;width:100%;transition:all .2s}.select-field:focus{outline:none}.checkbox-wrapper{margin-bottom:.75rem}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-label input:disabled+.checkbox-text{cursor:not-allowed}.checkbox-text{font-size:.875rem;line-height:1.5}.radio-label{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.radio-label input:disabled+.radio-text{cursor:not-allowed}.radio-text{font-size:.875rem;line-height:1.5}.toggle-wrapper{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-wrapper input:disabled+.toggle-text{cursor:not-allowed}.toggle-text{font-size:.875rem;line-height:1.5}.range-wrapper{margin-bottom:1rem}.range-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.range-input{appearance:none}.range-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary-500);cursor:pointer;border-radius:50%;width:1rem;height:1rem;box-shadow:0 1px 3px #0003}.range-input::-moz-range-thumb{background:var(--color-primary-500);cursor:pointer;border:none;border-radius:50%;width:1rem;height:1rem;box-shadow:0 1px 3px #0003}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-thumb:hover{transform:scale(1.1)}@media (width<=640px){.input-container{font-size:.875rem}.range-input::-webkit-slider-thumb{width:.875rem;height:.875rem}.range-input::-moz-range-thumb{width:.875rem;height:.875rem}}.auth-layout{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;overflow-x:hidden}.auth-layout-container{width:100%;max-width:400px}.auth-layout-card{border-radius:var(--border-radius);box-shadow:var(--shadow-xl);background:#fff;padding:2rem}.dark .auth-layout-card{background:#1e293b}@media (width<=640px){.auth-layout{padding:1rem}.auth-layout-card{padding:1.5rem}}.saas-navbar-wrapper{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f172ad9;border-bottom:1px solid #ffffff14;width:100%;transition:background-color .2s,border-color .2s;position:sticky;top:0}.saas-navbar-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:.85rem 2rem;display:flex}.saas-navbar-left{align-items:center;gap:1.25rem;display:flex}.saas-nav-portal-badge{color:#c7d2fe;background:#6366f126;border:1px solid #6366f159;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.saas-nav-portal-badge:hover{color:#fff;background:#6366f14d;border-color:#818cf8;transform:translate(-2px)}.portal-arrow{font-weight:800}.saas-nav-brand{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.saas-brand-icon{font-size:1.3rem}.saas-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.saas-brand-name .brand-accent{color:#6366f1}.saas-demo-tag{color:#94a3b8;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.saas-nav-links{align-items:center;gap:.75rem;display:flex}.saas-nav-link{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.45rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s}.saas-nav-link:hover{color:#fff;background:#ffffff0d}.saas-nav-link.active{color:#fff;background:#6366f12e;font-weight:600}.saas-nav-dropdown-wrap{position:relative}.dropdown-btn{align-items:center;gap:.35rem;display:inline-flex}.dropdown-caret{color:#64748b;font-size:.75rem;transition:transform .2s}.saas-nav-dropdown-wrap:hover .dropdown-caret{transform:rotate(180deg)}.saas-nav-dropdown-menu{z-index:110;background:#0b1329;border:1px solid #ffffff1f;border-radius:.85rem;flex-direction:column;gap:.25rem;width:250px;padding:.5rem;animation:.18s ease-out dd-appear;display:flex;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0009,0 0 0 1px #6366f133}@keyframes dd-appear{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.dropdown-item{border-radius:.5rem;align-items:center;gap:.75rem;padding:.55rem .75rem;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:#ffffff14}.dropdown-item.highlight-portal{background:#6366f126;border:1px solid #6366f14d}.dropdown-item.highlight-portal:hover{background:#6366f140}.dd-icon{text-align:center;width:28px;font-size:1.2rem}.dropdown-item strong{color:#fff;font-size:.86rem;font-weight:600;display:block}.dropdown-item small{color:#94a3b8;font-size:.74rem;display:block}.dropdown-divider{background:#ffffff14;height:1px;margin:.25rem 0}.saas-navbar-right{align-items:center;gap:.85rem;display:flex}.saas-nav-theme-btn{cursor:pointer;color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .15s;display:flex}.saas-nav-theme-btn:hover{color:#fff;background:#ffffff1f}.saas-nav-signin-btn{color:#cbd5e1;border-radius:.5rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s}.saas-nav-signin-btn:hover{color:#fff}.saas-nav-cta-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:.6rem;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e559}.saas-nav-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e580}.saas-nav-cta-btn .cta-arrow{transition:transform .2s}.saas-nav-cta-btn:hover .cta-arrow{transform:translate(3px)}.saas-nav-mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;padding:.35rem .65rem;font-size:1.25rem;display:none}.saas-nav-mobile-menu{background:#090e1c;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:.5rem;padding:1rem 2rem 1.5rem;display:flex}.saas-mobile-link{color:#94a3b8;border-radius:.5rem;padding:.6rem .85rem;font-size:.95rem;text-decoration:none}.saas-mobile-link.highlight{color:#c7d2fe;background:#6366f126;font-weight:600}.saas-mobile-link:hover{color:#fff;background:#ffffff0d}.saas-mobile-divider{background:#ffffff14;height:1px;margin:.5rem 0}.saas-mobile-actions{gap:.75rem;display:flex}.saas-mobile-btn{text-align:center;border-radius:.5rem;flex:1;padding:.65rem;font-size:.9rem;font-weight:600;text-decoration:none}.saas-mobile-btn.signin{color:#fff;background:#ffffff14}.saas-mobile-btn.trial{color:#fff;background:#6366f1}@media (width<=960px){.saas-nav-links{display:none}.saas-nav-mobile-toggle{display:block}}@media (width<=640px){.saas-navbar-container{padding:.75rem 1rem}.saas-nav-signin-btn{display:none}}.nexa-footer{color:#94a3b8;box-sizing:border-box;background:#090d16;border-top:1px solid #ffffff14;width:100%;font-family:inherit;position:relative;overflow:hidden}.nexa-footer *,.nexa-footer :before,.nexa-footer :after{box-sizing:border-box}.nexa-footer-container{max-width:1280px;margin:0 auto;padding:0 2rem}.nexa-footer-top{border-bottom:1px solid #ffffff0f;padding:3.5rem 0 2rem}.nexa-footer-cta-card{background:radial-gradient(100% 100% at 0 0,#6366f126 0%,#0f172a99 100%),#0f172a;border:1px solid #6366f140;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:2.5rem;padding:2.5rem 3rem;display:flex;position:relative;box-shadow:0 20px 40px -15px #00000080,inset 0 1px #ffffff1a}.nexa-footer-badge{letter-spacing:.08em;color:#818cf8;background:#6366f129;border:1px solid #6366f14d;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.nexa-footer-cta-info h3{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.6rem;font-weight:800}.nexa-footer-cta-info p{color:#94a3b8;max-width:520px;margin:0;font-size:.95rem;line-height:1.5}.nexa-footer-form{min-width:380px}.nexa-input-group{background:#020617d9;border:1px solid #ffffff24;border-radius:.75rem;padding:.35rem .35rem .35rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.nexa-input-group:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.nexa-input-group input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;padding:.5rem .25rem;font-size:.92rem}.nexa-input-group input::placeholder{color:#64748b}.nexa-footer-sub-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 4px 12px #4f46e559}.nexa-footer-sub-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e573}.nexa-sub-success{color:#34d399;margin-top:.5rem;font-size:.82rem;font-weight:500;display:block}.nexa-footer-main{padding:4rem 0 3.5rem}.nexa-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:2.5rem;display:grid}.nexa-footer-brand-col{padding-right:1.5rem}.nexa-footer-logo{color:#fff;align-items:center;gap:.6rem;margin-bottom:.85rem;text-decoration:none;display:inline-flex}.nexa-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex;box-shadow:0 4px 12px #6366f166}.nexa-logo-text{letter-spacing:-.03em;color:#fff;font-size:1.4rem;font-weight:800}.nexa-version-pill{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f14d;border-radius:9999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.nexa-footer-tagline{color:#cbd5e1;margin:0 0 .6rem;font-size:.95rem;font-weight:600}.nexa-footer-desc{color:#94a3b8;margin:0 0 1.5rem;font-size:.88rem;line-height:1.55}.nexa-main-page-action{margin-bottom:1.75rem}.nexa-go-main-btn{color:#fff;background:linear-gradient(135deg,#6366f124 0%,#8b5cf61a 100%);border:1px solid #6366f159;border-radius:.85rem;align-items:center;gap:.85rem;width:100%;max-width:280px;padding:.75rem 1.15rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0003}.nexa-go-main-btn:hover{background:linear-gradient(135deg,#6366f140 0%,#8b5cf633 100%);border-color:#818cf8;transform:translateY(-2px);box-shadow:0 8px 20px #6366f140}.nexa-home-icon{color:#c7d2fe;background:#6366f140;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;display:flex}.nexa-go-main-text{flex-direction:column;flex:1;display:flex}.nexa-go-main-text strong{color:#fff;font-size:.92rem;font-weight:700}.nexa-go-main-text small{color:#94a3b8;font-size:.75rem}.nexa-go-arrow{color:#818cf8;font-weight:800;transition:transform .2s}.nexa-go-main-btn:hover .nexa-go-arrow{transform:translate(4px)}.nexa-social-links{gap:.75rem;display:flex}.nexa-social-icon{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.nexa-social-icon:hover{color:#fff;background:#6366f133;border-color:#6366f1;transform:translateY(-2px)}.nexa-footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1.25rem;font-size:.85rem;font-weight:700}.nexa-footer-nav{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.nexa-footer-nav a{color:#94a3b8;align-items:center;gap:.4rem;font-size:.9rem;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.nexa-footer-nav a:hover{color:#fff;transform:translate(3px)}.nexa-tag-hot{color:#f43f5e;text-transform:uppercase;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:9999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.nexa-footer-bottom{background:#00000059;border-top:1px solid #ffffff0f;padding:1.75rem 0}.nexa-footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.nexa-footer-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.nexa-status-indicator{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.nexa-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.nexa-copyright{color:#64748b;margin:0;font-size:.85rem}.nexa-footer-legal{align-items:center;gap:.85rem;display:flex}.nexa-legal-link{color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .15s}.nexa-legal-link:hover{color:#fff}.nexa-sep{color:#475569;font-size:.75rem}.nexa-back-to-top{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.35rem;margin-left:.5rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.nexa-back-to-top:hover{color:#fff;background:#6366f133;border-color:#6366f1;transform:translateY(-2px)}.nexa-up-arrow{font-weight:800}@media (width<=1024px){.nexa-footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.nexa-footer-brand-col{grid-column:span 2}.nexa-footer-cta-card{flex-direction:column;align-items:flex-start}.nexa-footer-form{width:100%;min-width:unset}}@media (width<=640px){.nexa-footer-grid{grid-template-columns:1fr}.nexa-footer-brand-col{grid-column:span 1}.nexa-footer-cta-card{padding:1.75rem}.nexa-input-group{flex-direction:column;gap:.5rem;padding:.5rem}.nexa-footer-sub-btn{width:100%}.nexa-footer-bottom-inner{flex-direction:column;align-items:flex-start}}.saas-landing{color:#f1f5f9;background:#0b0f19;width:100%;font-family:inherit;overflow-x:hidden}.saas-landing *,.saas-landing :before,.saas-landing :after{box-sizing:border-box}.container{max-width:1240px;margin:0 auto;padding:0 2rem}.section-header-center{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-pill{letter-spacing:.1em;color:#818cf8;text-transform:uppercase;background:#6366f124;border:1px solid #6366f14d;border-radius:9999px;margin-bottom:1rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.section-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-size:2.6rem;font-weight:800;line-height:1.2}.section-subtitle{color:#94a3b8;margin:0;font-size:1.1rem;line-height:1.6}.landing-hero{background:radial-gradient(circle at 50% 0,#1e1b4b 0%,#0b0f19 75%);padding:5rem 0 6.5rem;position:relative;overflow:hidden}.hero-glow-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow-1{filter:blur(60px);background:radial-gradient(circle,#6366f147 0%,#6366f100 70%);width:500px;height:500px;position:absolute;top:-15%;left:20%}.hero-glow-2{filter:blur(70px);background:radial-gradient(circle,#a855f738 0%,#a855f700 70%);width:450px;height:450px;position:absolute;top:20%;right:10%}.hero-container{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem;max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.hero-eyebrow{background:#6366f126;border:1px solid #6366f159;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;display:inline-flex}.hero-pill-dot{background:#6366f1;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite hero-pulse;box-shadow:0 0 10px #818cf8}@keyframes hero-pulse{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.hero-pill-text{color:#c7d2fe;letter-spacing:.04em;font-size:.78rem;font-weight:700}.hero-title{color:#fff;letter-spacing:-.04em;margin:0 0 1.5rem;font-size:3.4rem;font-weight:900;line-height:1.15}.hero-gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 50%,#c084fc 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#94a3b8;max-width:540px;margin:0 0 2.5rem;font-size:1.18rem;line-height:1.65}.hero-buttons{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.hero-btn-primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px -5px #6366f180;color:#fff!important;padding:.85rem 1.6rem!important}.hero-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f1a6}.btn-arrow-icon{font-weight:800;transition:transform .2s}.hero-btn-primary:hover .btn-arrow-icon{transform:translate(4px)}.hero-btn-demo{border-radius:.75rem;align-items:center;gap:.6rem;font-weight:600;transition:all .2s;display:inline-flex;color:#f8fafc!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;padding:.85rem 1.4rem!important}.hero-btn-demo:hover{transform:translateY(-2px);background:#ffffff1a!important;border-color:#ffffff4d!important}.btn-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.hero-portal-shortcut{color:#a5b4fc;background:#6366f11a;border:1px dashed #6366f159;border-radius:.75rem;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-portal-shortcut:hover{color:#fff;background:#6366f138;border-style:solid}.hero-trust-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.trust-item{color:#94a3b8;align-items:center;gap:.4rem;font-size:.86rem;display:flex}.trust-check{color:#34d399;font-weight:800}.hero-visual-wrapper{position:relative}.hero-preview-window{background:#0f172a;border:1px solid #ffffff24;border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #6366f126}.preview-window-bar{background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.preview-dots{gap:.4rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.preview-address-bar{color:#64748b;background:#00000059;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:.78rem;display:flex}.lock-icon{font-size:.75rem}.preview-live-pill{color:#34d399;background:#10b9811f;border-radius:9999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:flex}.live-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.preview-dashboard-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.preview-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.preview-metric-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;padding:.85rem 1rem}.metric-label{color:#94a3b8;margin-bottom:.35rem;font-size:.72rem;display:block}.metric-row{justify-content:space-between;align-items:baseline;display:flex}.metric-val{color:#fff;font-size:1.15rem;font-weight:800}.metric-trend{border-radius:4px;padding:.1rem .35rem;font-size:.72rem;font-weight:700}.metric-trend.up{color:#34d399;background:#10b98126}.metric-trend.down{color:#f43f5e;background:#f43f5e26}.preview-chart-box{background:#02061780;border:1px solid #ffffff0f;border-radius:.85rem;padding:1rem 1.25rem .5rem}.chart-top-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.chart-heading{color:#e2e8f0;font-size:.82rem;font-weight:600}.chart-filter{color:#818cf8;background:#6366f126;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.preview-svg-canvas{width:100%;height:120px}.revenue-svg{width:100%;height:100%;overflow:visible}.preview-activity-ticker{background:#6366f114;border:1px solid #6366f133;border-radius:.65rem;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.ticker-badge{color:#818cf8;background:#6366f140;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.ticker-content{color:#cbd5e1;flex:1;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.ticker-content strong{color:#fff}.ticker-time{color:#64748b;margin-left:.5rem;font-size:.72rem}.floating-metric-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#0f172ae6;border:1px solid #ffffff26;border-radius:.85rem;align-items:center;gap:.75rem;padding:.75rem 1rem;animation:4s ease-in-out infinite badge-float;display:flex;position:absolute;box-shadow:0 15px 30px #00000080}.floating-metric-badge.badge-top{animation-delay:0s;top:-20px;right:-25px}.floating-metric-badge.badge-bottom{animation-delay:2s;bottom:-20px;left:-25px}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-icon{background:#6366f133;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.floating-metric-badge strong{color:#fff;font-size:.88rem;display:block}.floating-metric-badge small{color:#94a3b8;font-size:.75rem;display:block}.landing-logos{text-align:center;background:#02061799;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:3rem 0}.logos-caption{color:#64748b;letter-spacing:.12em;margin:0 0 1.75rem;font-size:.75rem;font-weight:700}.logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3.5rem;display:flex}.client-logo span{letter-spacing:.08em;color:#475569;font-size:1.15rem;font-weight:800;transition:color .2s}.client-logo:hover span{color:#94a3b8}.landing-tabs-section{background:#090d16;padding:7rem 0 6rem}.feature-tabs-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.feature-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.feature-tab-btn:hover{color:#fff;background:#ffffff14}.feature-tab-btn.active{color:#fff;background:#6366f133;border-color:#6366f1;box-shadow:0 0 20px #6366f14d}.tab-icon{font-size:1.1rem}.feature-tab-panel{background:#0f172a;border:1px solid #ffffff1a;border-radius:1.5rem;padding:3.5rem;box-shadow:0 20px 50px #0006}.tab-content-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:3.5rem;display:grid}.tab-text-side h3{color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-size:1.85rem;font-weight:800}.tab-text-side p{color:#94a3b8;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.6}.tab-checklist{flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.tab-checklist li{color:#e2e8f0;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.tab-action-btn{color:#818cf8;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .15s,transform .15s;display:inline-block}.tab-action-btn:hover{color:#a5b4fc;transform:translate(4px)}.tab-card-mockup{background:#020617;border:1px solid #ffffff1f;border-radius:1rem;padding:1.75rem;box-shadow:0 15px 35px #00000080}.mockup-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.88rem;font-weight:700;display:flex}.mockup-tag{color:#34d399;background:#10b98126;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.mockup-bars{flex-direction:column;gap:1rem;display:flex}.bar-row{color:#94a3b8;align-items:center;gap:1rem;font-size:.82rem;display:flex}.bar-row span{width:50px}.bar-row b{color:#fff;text-align:right;width:35px}.invoice-rows{flex-direction:column;gap:.75rem;display:flex}.inv-item{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.86rem;display:flex}.inv-badge.paid{color:#34d399;background:#10b98126;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.team-mock-list{flex-direction:column;gap:.75rem;display:flex}.team-member-item{background:#ffffff08;border-radius:.5rem;align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex}.team-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.av1{background:#6366f1}.av2{background:#0f766e}.av3{background:#ec4899}.team-member-item strong{color:#fff;font-size:.86rem;display:block}.team-member-item small{color:#94a3b8;font-size:.75rem;display:block}.security-checks{flex-direction:column;gap:.85rem;display:flex}.sec-item{color:#cbd5e1;background:#ffffff08;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;display:flex}.text-green{color:#34d399}.landing-features{background:#0b0f19;padding:6rem 0}.feature-card{flex-direction:column;display:flex;background:#0f172a!important;border:1px solid #ffffff14!important;border-radius:1rem!important;padding:2rem!important;transition:all .25s!important}.feature-card:hover{border-color:#6366f166!important;transform:translateY(-6px)!important;box-shadow:0 15px 35px #00000080,0 0 0 1px #6366f14d!important}.feature-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.icon-purple{background:#a855f726}.icon-blue{background:#3b82f626}.icon-amber{background:#f59e0b26}.icon-green{background:#10b98126}.icon-rose{background:#f43f5e26}.icon-teal{background:#0f766e26}.feature-badge{color:#94a3b8;background:#ffffff0f;border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.feature-card-title{color:#fff;margin:0 0 .65rem;font-size:1.25rem;font-weight:700}.feature-card-desc{color:#94a3b8;flex:1;margin:0 0 1.5rem;font-size:.92rem;line-height:1.6}.feature-action-link{color:#818cf8;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .15s}.feature-action-link:hover{color:#a5b4fc;transform:translate(3px)}.landing-roi-section{background:#090d16;padding:5rem 0}.roi-card{background:radial-gradient(100% 100% at 0 0,#6366f12e 0%,#0f172acc 100%),#0f172a;border:1px solid #6366f14d;border-radius:1.5rem;grid-template-columns:1.2fr 1fr;align-items:center;gap:3.5rem;padding:3.5rem;display:grid;box-shadow:0 25px 60px #00000080}.roi-info h2{color:#fff;letter-spacing:-.02em;margin:.75rem 0 .85rem;font-size:2.1rem;font-weight:800}.roi-info p{color:#94a3b8;margin:0 0 2rem;font-size:1rem;line-height:1.6}.slider-label-row{color:#cbd5e1;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-size:.95rem;display:flex}.slider-label-row strong{color:#818cf8;font-size:1.35rem;font-weight:800}.roi-range-input{cursor:pointer;accent-color:#6366f1;background:#ffffff1f;border-radius:9999px;outline:none;width:100%;height:8px}.slider-ticks{color:#64748b;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.roi-results{flex-direction:column;gap:1rem;display:flex}.roi-metric-box{background:#02061799;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem 1.5rem}.roi-metric-box.highlight{background:#6366f129;border-color:#6366f166}.roi-metric-num{color:#fff;letter-spacing:-.02em;font-size:1.8rem;font-weight:800;display:block}.roi-metric-box.highlight .roi-metric-num{color:#818cf8}.roi-metric-label{color:#94a3b8;margin-top:.25rem;font-size:.84rem;display:block}.landing-stats{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:4rem 0}.stat-value{color:#fff;letter-spacing:-.03em;margin-bottom:.35rem;font-size:2.8rem;font-weight:900}.landing-testimonials{background:#0b0f19;padding:7rem 0 6rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonial-card{background:#0f172a;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;padding:2.25rem;display:flex;position:relative}.testimonial-card.featured{border-color:#6366f166;box-shadow:0 15px 40px #6366f126}.featured-quote-tag{color:#818cf8;letter-spacing:.08em;background:#1e1b4b;border:1px solid #6366f1;border-radius:9999px;padding:.2rem .65rem;font-size:.68rem;font-weight:800;position:absolute;top:-12px;right:25px}.star-rating{color:#f59e0b;margin-bottom:1rem;font-size:1.15rem}.testimonial-text{color:#cbd5e1;flex:1;margin:0 0 2rem;font-size:.98rem;line-height:1.65}.testimonial-author{align-items:center;gap:.85rem;display:flex}.author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.88rem;font-weight:800;display:flex}.t-av1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.t-av2{background:linear-gradient(135deg,#ec4899,#f43f5e)}.t-av3{background:linear-gradient(135deg,#10b981,#0891b2)}.testimonial-author strong{color:#fff;font-size:.95rem;display:block}.testimonial-author span{color:#64748b;font-size:.8rem;display:block}.landing-pricing-preview{background:#090d16;padding:6rem 0}.pricing-toggle-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:1rem;margin-top:1.5rem;padding:.4rem 1.25rem;display:inline-flex}.toggle-label{color:#94a3b8;font-size:.88rem;font-weight:500}.toggle-label.active{color:#fff;font-weight:700}.pricing-switch{cursor:pointer;background:#334155;border:none;border-radius:9999px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.pricing-switch.annual{background:#6366f1}.switch-handle{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.pricing-switch.annual .switch-handle{transform:translate(20px)}.discount-tag{color:#34d399;background:#10b98126;border-radius:9999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.pricing-cards-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:2rem;display:grid}.pricing-plan-card{background:#0f172a;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;padding:2.5rem;display:flex;position:relative}.pricing-plan-card.popular{background:radial-gradient(100% 100% at 50% 0,#6366f12e 0%,#0f172af2 100%),#0f172a;border-color:#6366f1;transform:scale(1.03);box-shadow:0 20px 50px #6366f140}.popular-ribbon{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:9999px;padding:.25rem .85rem;font-size:.72rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #4f46e566}.plan-header h3{color:#fff;margin:0 0 .5rem;font-size:1.45rem;font-weight:800}.plan-header p{color:#94a3b8;min-height:40px;margin:0 0 1.5rem;font-size:.88rem}.plan-price{align-items:baseline;gap:.35rem;margin-bottom:2rem;display:flex}.plan-price strong{color:#fff;font-size:2.8rem;font-weight:900}.plan-price span{color:#64748b;font-size:.92rem}.plan-checklist{flex-direction:column;flex:1;gap:.85rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.plan-checklist li{color:#cbd5e1;font-size:.92rem}.plan-btn{text-align:center;border-radius:.75rem;padding:.85rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.plan-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 15px #4f46e566}.plan-btn.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.plan-btn.outline{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.plan-btn.outline:hover{background:#ffffff1a}.landing-faq{background:#0b0f19;padding:6rem 0}.faq-accordion-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:#0f172a;border:1px solid #ffffff14;border-radius:.85rem;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#6366f166}.faq-question-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.faq-icon{color:#818cf8;font-size:1.3rem;font-weight:800}.faq-answer-body{padding:0 1.5rem 1.25rem}.faq-answer-body p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.65}.landing-cta{text-align:center;background:radial-gradient(circle,#1e1b4b 0%,#0b0f19 80%);border-top:1px solid #ffffff14;padding:7rem 0;position:relative;overflow:hidden}.cta-ambient-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-container{z-index:2;max-width:800px;position:relative}.cta-avatar-stack{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;margin-bottom:1.5rem;padding:.35rem .85rem .35rem .5rem;display:inline-flex}.cta-stack-av{color:#fff;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-6px;font-size:.7rem;font-weight:800;display:inline-flex}.cta-stack-av:first-child{margin-left:0}.av-a{background:#6366f1}.av-b{background:#ec4899}.av-c{background:#10b981}.av-d{background:#f59e0b}.cta-stack-count{color:#cbd5e1;margin-left:.65rem;font-size:.8rem;font-weight:600}.cta-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-size:2.8rem;font-weight:900}.cta-subtitle{color:#94a3b8;margin:0 0 2.5rem;font-size:1.15rem;line-height:1.6}.cta-button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.cta-btn-main{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #6366f180;color:#fff!important;padding:.95rem 1.85rem!important}.cta-btn-main:hover{filter:brightness(1.1);transform:translateY(-2px)}.cta-btn-sub{border-radius:.75rem;font-weight:600;color:#f8fafc!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;padding:.95rem 1.6rem!important}.cta-main-portal-link{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f159;border-radius:.75rem;align-items:center;gap:.4rem;padding:.85rem 1.25rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-main-portal-link:hover{color:#fff;background:#6366f140;border-color:#818cf8}.cta-guarantee{color:#64748b;margin:0;font-size:.85rem}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons,.hero-trust-row{justify-content:center}.floating-metric-badge.badge-top{right:10px}.floating-metric-badge.badge-bottom{left:10px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-cards-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pricing-plan-card.popular{transform:none}.testimonials-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}.tab-content-grid{grid-template-columns:1fr}.roi-card{grid-template-columns:1fr;padding:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (width<=640px){.hero-title{font-size:2.4rem}.hero-buttons{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-demo,.hero-portal-shortcut{justify-content:center;width:100%}.preview-metrics-grid,.features-grid,.stats-grid{grid-template-columns:1fr}.section-title,.cta-title{font-size:2rem}.feature-tab-panel{padding:1.75rem}}.saas-pricing{padding:4rem 2rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2.5rem;font-weight:700}.dark .pricing-title{color:#f1f5f9}.pricing-subtitle{color:var(--color-primary-600);margin:0;font-size:1.125rem}.dark .pricing-subtitle{color:#94a3b8}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 4rem;display:grid}.pricing-card{text-align:center;border:2px solid var(--color-primary-200);padding:2rem;transition:transform .2s;position:relative}.dark .pricing-card{border-color:#334155}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.highlighted{border-color:var(--color-primary-500);background:linear-gradient(135deg, var(--color-primary-50) 0%, white 100%)}.dark .pricing-card.highlighted{background:linear-gradient(135deg,#1e3a8a 0%,#1e293b 100%);border-color:#3b82f6}.popular-badge{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header-card{margin-bottom:2rem}.price{color:var(--color-primary-900);margin-bottom:.5rem;font-size:3rem;font-weight:700}.dark .price{color:#f1f5f9}.price-description{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .price-description{color:#cbd5e1}.features-list{text-align:left;margin:0 0 2rem;padding:0;list-style:none}.features-list li{color:var(--color-primary-700);border-bottom:1px solid var(--color-primary-100);padding:.75rem 0}.dark .features-list li{color:#cbd5e1;border-color:#334155}.features-list li:last-child{border-bottom:none}.pricing-button{width:100%}.faq-section{max-width:1200px;margin:0 auto}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.faq-card{padding:1.5rem}.faq-question{color:var(--color-primary-900);margin:0 0 .75rem;font-size:1rem;font-weight:600}.dark .faq-question{color:#f1f5f9}.faq-answer{color:var(--color-primary-600);margin:0;font-size:.875rem;line-height:1.6}.dark .faq-answer{color:#cbd5e1}@media (width<=768px){.saas-pricing{padding:2rem 1rem}.pricing-title{font-size:1.75rem}.pricing-grid,.faq-grid{grid-template-columns:1fr}.price{font-size:2.5rem}}.saas-features{padding:4rem 2rem}.dark .features-title{color:#f1f5f9}.features-subtitle{color:var(--color-primary-600);max-width:600px;margin:0 auto;font-size:1.125rem}.dark .features-subtitle{color:#94a3b8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 4rem;display:grid}.feature-highlight{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto 4rem;display:grid}.highlight-content{padding:2rem}.highlight-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2rem;font-weight:700}.dark .highlight-title{color:#f1f5f9}.highlight-description{color:var(--color-primary-600);margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.dark .highlight-description{color:#cbd5e1}.highlight-list{margin:0 0 2rem;padding:0;list-style:none}.highlight-list li{color:var(--color-primary-700);padding:.5rem 0 .5rem 1.5rem;position:relative}.dark .highlight-list li{color:#cbd5e1}.highlight-list li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.highlight-visual{justify-content:center;align-items:center;padding:2rem;display:flex}.visual-illustration{flex-direction:column;align-items:center;gap:1rem;display:flex}.visual-node{background:var(--color-primary-50);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;transition:transform .2s;display:flex}.dark .visual-node{background:#334155}.visual-node:hover{transform:scale(1.1)}.features-cta{text-align:center;background:var(--color-primary-50);border-radius:var(--border-radius);max-width:1200px;margin:0 auto;padding:4rem 2rem}.dark .features-cta{background:#334155}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.saas-features{padding:2rem 1rem}.features-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.feature-highlight{grid-template-columns:1fr;gap:2rem}.highlight-visual{order:-1}.features-cta{padding:2rem 1rem}.cta-buttons{flex-direction:column}.cta-buttons button{width:100%}}.saas-about{padding:4rem 2rem}.about-header{text-align:center;margin-bottom:4rem}.about-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2.5rem;font-weight:700}.dark .about-title{color:#f1f5f9}.about-subtitle{color:var(--color-primary-600);margin:0;font-size:1.125rem}.dark .about-subtitle{color:#94a3b8}.mission-section{text-align:center;max-width:800px;margin:0 auto 4rem}.mission-text{color:var(--color-primary-600);margin:0 0 1.5rem;font-size:1rem;line-height:1.8}.dark .mission-text{color:#cbd5e1}.values-section{margin-bottom:4rem}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.value-card{text-align:center;padding:2rem;transition:transform .2s}.value-card:hover{transform:translateY(-4px)}.value-icon{margin-bottom:1rem;font-size:3rem}.value-title{color:var(--color-primary-900);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.dark .value-title{color:#f1f5f9}.value-description{color:var(--color-primary-600);margin:0;font-size:.875rem;line-height:1.6}.dark .value-description{color:#cbd5e1}.team-section{margin-bottom:4rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.team-card{text-align:center;padding:2rem;transition:transform .2s}.team-avatar{background:var(--color-primary-50);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:3rem;display:flex}.team-role{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .team-role{color:#94a3b8}.stats-section{background:var(--color-primary-900);color:#fff;border-radius:var(--border-radius);margin-bottom:4rem;padding:4rem 2rem}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.stat-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{opacity:.9;font-size:1rem}.about-cta{text-align:center;background:var(--color-primary-50);border-radius:var(--border-radius);max-width:1200px;margin:0 auto;padding:4rem 2rem}.dark .about-cta{background:#334155}.dark .cta-title{color:#f1f5f9}.cta-subtitle{color:var(--color-primary-600);margin:0 0 2rem;font-size:1rem}.dark .cta-subtitle{color:#94a3b8}@media (width<=768px){.saas-about{padding:2rem 1rem}.about-title{font-size:1.75rem}.section-title{font-size:1.5rem}.values-grid{grid-template-columns:1fr}.team-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.about-cta{padding:2rem 1rem}}.saas-contact{padding:4rem 2rem}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2.5rem;font-weight:700}.dark .contact-title{color:#f1f5f9}.contact-subtitle{color:var(--color-primary-600);margin:0;font-size:1.125rem}.dark .contact-subtitle{color:#94a3b8}.contact-content{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.contact-form-card{padding:2rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .form-label{color:#f1f5f9}.form-textarea{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);resize:vertical;width:100%;color:var(--color-primary-900);background:#fff;padding:.75rem;font-family:inherit;font-size:.875rem}.dark .form-textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}.form-textarea:focus{border-color:var(--color-primary-500);outline:none}.submit-button{width:100%}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.info-card,.hours-card,.support-card{padding:1.5rem}.info-item{gap:1rem;margin-bottom:1rem;display:flex}.info-item:last-child{margin-bottom:0}.info-icon{background:var(--color-primary-50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.dark .info-icon{background:#334155}.info-details{flex:1}.info-label{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .info-label{color:#f1f5f9}.info-value{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .info-value{color:#94a3b8}.hours-list{flex-direction:column;gap:.75rem;display:flex}.hours-item{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:space-between;padding:.75rem;display:flex}.dark .hours-item{background:#334155}.hours-day{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .hours-day{color:#f1f5f9}.hours-time{color:var(--color-primary-600);font-size:.875rem}.dark .hours-time{color:#94a3b8}.support-text{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .support-text{color:#cbd5e1}.support-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=768px){.saas-contact{padding:2rem 1rem}.contact-title{font-size:1.75rem}.contact-content{grid-template-columns:1fr}.support-actions{flex-direction:column}.support-actions button{width:100%}}.auth-page{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.dark .auth-title{color:#f1f5f9}.auth-subtitle{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .auth-subtitle{color:#94a3b8}.auth-form{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.auth-options{justify-content:space-between;align-items:center;display:flex}.auth-checkbox{color:var(--color-primary-700);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dark .auth-checkbox{color:#cbd5e1}.auth-checkbox input{cursor:pointer}.auth-link{color:var(--color-primary-600);font-size:.875rem;font-weight:500;text-decoration:none}.dark .auth-link{color:#94a3b8}.auth-link:hover{color:var(--color-primary-900)}.dark .auth-link:hover{color:#f1f5f9}.auth-submit{width:100%}.auth-footer{text-align:center;border-top:1px solid var(--color-primary-200);padding-top:1.5rem}.dark .auth-footer{border-color:#334155}.auth-footer-text{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .auth-footer-text{color:#94a3b8}.saas-dashboard{padding:2rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{transition:transform .2s}.dashboard-section{margin-bottom:2rem}.quick-actions{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=768px){.saas-dashboard{padding:1rem}.dashboard-stats{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}.saas-projects{padding:2rem}.projects-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.projects-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .projects-title{color:#f1f5f9}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{padding:1.5rem;transition:transform .2s}.project-card:hover{transform:translateY(-2px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .project-name{color:#f1f5f9}.project-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.project-status-active{color:#065f46;background:#ecfdf5}.dark .project-status-active{color:#d1fae5;background:#064e3b}.project-status-in-progress{color:#9a3412;background:#fff7ed}.dark .project-status-in-progress{color:#fed7aa;background:#7c2d12}.project-status-planning{color:#1e40af;background:#eff6ff}.dark .project-status-planning{color:#dbeafe;background:#1e3a8a}.project-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.project-detail{justify-content:space-between;font-size:.875rem;display:flex}.project-actions{gap:.5rem;display:flex}@media (width<=768px){.saas-projects{padding:1rem}.projects-header{flex-direction:column;align-items:stretch;gap:1rem}.projects-grid{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-actions button{width:100%}}.saas-team{padding:2rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.team-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.team-avatar{background:var(--color-primary-50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.dark .team-avatar{background:#334155}.team-info{flex:1}.team-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.dark .team-name{color:#f1f5f9}.team-role{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.team-role-owner{color:#92400e;background:#fef3c7}.dark .team-role-owner{color:#fef3c7;background:#78350f}.team-role-admin{color:#1e40af;background:#dbeafe}.dark .team-role-admin{color:#dbeafe;background:#1e3a8a}.team-role-member{color:#065f46;background:#ecfdf5}.dark .team-role-member{color:#d1fae5;background:#064e3b}.team-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.team-detail{justify-content:space-between;font-size:.875rem;display:flex}.team-actions{gap:.5rem;display:flex}@media (width<=768px){.saas-team{padding:1rem}.team-header{flex-direction:column;align-items:stretch;gap:1rem}.team-grid{grid-template-columns:1fr}.team-actions{flex-direction:column}.team-actions button{width:100%}}.saas-billing{padding:2rem}.billing-header{margin-bottom:2rem}.billing-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:2rem;font-weight:700}.dark .billing-title{color:#f1f5f9}.billing-subtitle{color:var(--color-primary-600);margin:0;font-size:1rem}.dark .billing-subtitle{color:#94a3b8}.billing-section{margin-bottom:2rem}.plan-card{border:2px solid var(--color-primary-200);padding:2rem}.plan-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.plan-name{color:var(--color-primary-900);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.dark .plan-name{color:#f1f5f9}.plan-badge{color:#065f46;background:#ecfdf5;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.dark .plan-badge{color:#d1fae5;background:#064e3b}.plan-features{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.plan-feature{color:var(--color-primary-700);font-size:.875rem}.dark .plan-feature{color:#cbd5e1}.plan-actions{gap:1rem;display:flex}.payment-card{padding:1.5rem}.payment-method{background:var(--color-primary-50);border-radius:var(--border-radius);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.dark .payment-method{background:#334155}.payment-icon{font-size:1.5rem}.payment-details{flex:1}.payment-label{color:var(--color-primary-900);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.dark .payment-label{color:#f1f5f9}.payment-expiry{color:var(--color-primary-600);font-size:.75rem}.dark .payment-expiry{color:#94a3b8}.add-payment{width:100%}.history-card{padding:1.5rem}.history-list{flex-direction:column;gap:1rem;display:flex}.history-item{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:1rem;display:flex}.dark .history-item{background:#334155}.history-details{flex-direction:column;gap:.25rem;display:flex}.history-date{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .history-date{color:#f1f5f9}.history-amount{color:var(--color-primary-600);font-size:.875rem}.dark .history-amount{color:#94a3b8}@media (width<=768px){.saas-billing{padding:1rem}.plan-header{flex-direction:column;gap:1rem}.plan-actions{flex-direction:column}.plan-actions button{width:100%}.history-item{flex-direction:column;align-items:stretch;gap:1rem}.history-item button{width:100%}}.saas-subscriptions{padding:2rem}.subscriptions-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.subscriptions-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .subscriptions-title{color:#f1f5f9}.subscriptions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.subscription-card{padding:1.5rem;transition:transform .2s}.subscription-card:hover{transform:translateY(-2px)}.subscription-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.subscription-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .subscription-name{color:#f1f5f9}.subscription-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.subscription-status-active{color:#065f46;background:#ecfdf5}.dark .subscription-status-active{color:#d1fae5;background:#064e3b}.subscription-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.subscription-detail{justify-content:space-between;font-size:.875rem;display:flex}.subscription-actions{gap:.5rem;display:flex}.subscriptions-section{margin-bottom:2rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.plan-card{text-align:center;border:2px solid var(--color-primary-200);padding:2rem;position:relative}.dark .plan-card{border-color:#334155}.plan-card.highlighted{border-color:var(--color-primary-500);background:linear-gradient(135deg, var(--color-primary-50) 0%, white 100%)}.dark .plan-card.highlighted{background:linear-gradient(135deg,#1e3a8a 0%,#1e293b 100%);border-color:#3b82f6}.plan-badge{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-price{color:var(--color-primary-900);margin:1rem 0;font-size:2.5rem;font-weight:700}.dark .plan-price{color:#f1f5f9}.period{color:var(--color-primary-600);font-size:1rem;font-weight:400}.dark .period{color:#94a3b8}.plan-features{text-align:left;margin:1.5rem 0;padding:0;list-style:none}.plan-features li{color:var(--color-primary-700);border-bottom:1px solid var(--color-primary-100);padding:.5rem 0}.dark .plan-features li{color:#cbd5e1;border-color:#334155}.plan-features li:last-child{border-bottom:none}.plan-button{width:100%}@media (width<=768px){.saas-subscriptions{padding:1rem}.subscriptions-header{flex-direction:column;align-items:stretch;gap:1rem}.subscriptions-grid,.plans-grid{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}}.saas-invoices{padding:2rem}.invoices-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.invoices-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .invoices-title{color:#f1f5f9}.invoice-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-period{color:var(--color-primary-600);font-size:.875rem}.dark .stat-period{color:#94a3b8}.invoices-section{margin-bottom:2rem}.invoice-list-card{padding:1.5rem}.invoice-list{flex-direction:column;gap:1rem;display:flex}.invoice-item{background:var(--color-primary-50);border-radius:var(--border-radius);grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.dark .invoice-item{background:#334155}.invoice-info{flex-direction:column;gap:.25rem;display:flex}.invoice-id{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .invoice-id{color:#f1f5f9}.invoice-date{color:var(--color-primary-600);font-size:.75rem}.dark .invoice-date{color:#94a3b8}.invoice-amount{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .invoice-amount{color:#f1f5f9}.invoice-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.invoice-status-paid{color:#065f46;background:#ecfdf5}.dark .invoice-status-paid{color:#d1fae5;background:#064e3b}.invoice-status-pending{color:#9a3412;background:#fff7ed}.dark .invoice-status-pending{color:#fed7aa;background:#7c2d12}.invoice-status-overdue{color:#991b1b;background:#fef2f2}.dark .invoice-status-overdue{color:#fecaca;background:#7f1d1d}.invoice-actions{gap:.5rem;display:flex}@media (width<=768px){.saas-invoices{padding:1rem}.invoices-header{flex-direction:column;align-items:stretch;gap:1rem}.invoice-stats{grid-template-columns:1fr}.invoice-item{grid-template-columns:1fr;gap:.5rem}.invoice-actions{flex-direction:column}.invoice-actions button{width:100%}.setting-item{flex-direction:column;align-items:stretch;gap:1rem}.setting-item button{width:100%}}.saas-notifications{padding:2rem}.notifications-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.notifications-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .notifications-title{color:#f1f5f9}.notification-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.notification-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.notification-card{border-left:4px solid var(--color-primary-200);padding:1.5rem;transition:transform .2s}.dark .notification-card{border-left-color:#334155}.notification-card.unread{background:linear-gradient(135deg, var(--color-primary-50) 0%, white 100%);border-left-color:var(--color-primary-500)}.dark .notification-card.unread{background:linear-gradient(135deg,#1e3a8a 0%,#1e293b 100%);border-left-color:#3b82f6}.notification-card:hover{transform:translate(4px)}.notification-content{gap:1rem;margin-bottom:1rem;display:flex}.notification-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.dark .notification-icon{background:#1e293b}.notification-icon-info{background:#dbeafe}.dark .notification-icon-info{background:#1e3a8a}.notification-icon-success{background:#d1fae5}.dark .notification-icon-success{background:#064e3b}.notification-icon-warning{background:#fef3c7}.dark .notification-icon-warning{background:#78350f}.notification-icon-error{background:#fee2e2}.dark .notification-icon-error{background:#7f1d1d}.notification-details{flex:1}.notification-title{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .notification-title{color:#f1f5f9}.notification-message{color:var(--color-primary-600);margin:0 0 .5rem;font-size:.875rem}.dark .notification-message{color:#cbd5e1}.notification-time{color:var(--color-primary-500);font-size:.75rem}.dark .notification-time{color:#64748b}.notification-actions{justify-content:flex-end;gap:.5rem;display:flex}.notifications-section{margin-bottom:2rem}@media (width<=768px){.saas-notifications{padding:1rem}.notifications-header{flex-direction:column;align-items:stretch;gap:1rem}.notification-filters{flex-direction:column}.notification-filters button{width:100%}.notification-actions{flex-direction:column}.notification-actions button{width:100%}.setting-item{flex-direction:column;align-items:stretch;gap:1rem}.setting-item button{width:100%}}.saas-profile{padding:2rem}.profile-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.profile-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .profile-title{color:#f1f5f9}.profile-content{grid-template-columns:300px 1fr;gap:2rem;display:grid}.photo-card{height:fit-content}.photo-section{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.photo-preview{background:var(--color-primary-50);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.dark .photo-preview{background:#334155}.photo-avatar{font-size:4rem}.photo-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.photo-actions button{width:100%}.info-card,.bio-card,.actions-card{padding:1.5rem}.card-title{color:var(--color-primary-900);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.dark .card-title{color:#f1f5f9}.info-form{flex-direction:column;gap:1.5rem;display:flex}.bio-section{flex-direction:column;gap:.5rem;display:flex}.bio-label{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .bio-label{color:#f1f5f9}.bio-textarea{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);resize:vertical;width:100%;color:var(--color-primary-900);background:#fff;padding:.75rem;font-family:inherit;font-size:.875rem}.dark .bio-textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}.bio-textarea:focus{border-color:var(--color-primary-500);outline:none}.account-actions{flex-direction:column;gap:1rem;display:flex}.action-item{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:1rem;display:flex}.dark .action-item{background:#334155}.action-item.danger{background:#fef2f2}.dark .action-item.danger{background:#7f1d1d}.action-info{flex:1;margin-right:1rem}.action-item.danger .action-title{color:#991b1b}.dark .action-item.danger .action-title{color:#fecaca}.action-item.danger .action-description{color:#7f1d1d}.dark .action-item.danger .action-description{color:#fca5a5}@media (width<=768px){.saas-profile{padding:1rem}.profile-header{flex-direction:column;align-items:stretch;gap:1rem}.profile-content{grid-template-columns:1fr}.photo-section{padding:1rem}.action-item{flex-direction:column;align-items:stretch;gap:1rem}.action-item button{width:100%}}.saas-settings{padding:2rem}.settings-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.settings-section{margin-bottom:2rem}.section-title.danger{color:#dc2626}.dark .section-title.danger{color:#fca5a5}.settings-card{padding:1.5rem}.settings-card.danger{border:2px solid #dc2626}.dark .settings-card.danger{border-color:#991b1b}.setting-item{border-bottom:1px solid var(--color-primary-100);justify-content:space-between;align-items:center;padding:1rem;display:flex}.dark .setting-item{border-color:#334155}.setting-item:last-child{border-bottom:none}.setting-info{flex:1;margin-right:1rem}.setting-title{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .setting-title{color:#f1f5f9}.setting-description{color:var(--color-primary-600);margin:0;font-size:.75rem}.dark .setting-description{color:#94a3b8}.setting-value{color:var(--color-primary-900);background:var(--color-primary-50);border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.dark .setting-value{color:#f1f5f9;background:#334155}.api-key-display{align-items:center;gap:.5rem;display:flex}.api-key-display code{color:var(--color-primary-900);background:var(--color-primary-50);border-radius:var(--border-radius);padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.dark .api-key-display code{color:#f1f5f9;background:#334155}@media (width<=768px){.saas-settings{padding:1rem}.settings-header,.setting-item{flex-direction:column;align-items:stretch;gap:1rem}.setting-item button{width:100%}.api-key-display{flex-direction:column}.api-key-display code{text-align:center;width:100%}}.chart-container{-webkit-user-select:none;user-select:none;width:100%;font-family:inherit;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#ffffff14;stroke-dasharray:4 4}.chart-axis-label{fill:#64748b;font-family:monospace;font-size:11px}.chart-tooltip{pointer-events:none;color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;white-space:nowrap;background:#0f172af2;border:1px solid #ffffff26;border-radius:8px;margin-top:-10px;padding:8px 12px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 25px #00000080}.chart-tooltip-title{color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:700}.chart-tooltip-val{color:#38bdf8;font-size:14px;font-weight:800}.chart-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.chart-legend-item{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.chart-legend-item:hover{color:#f8fafc}.chart-legend-dot{border-radius:50%;width:10px;height:10px}.enterprise-dashboard-shell{color:#f8fafc;background-color:#0b0f19;flex-direction:column;min-height:100vh;font-family:inherit;display:flex}.dash-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:68px;padding:0 1.75rem;display:flex;position:sticky;top:0}.dash-topbar-left{align-items:center;gap:1.5rem;display:flex}.dash-brand-link{align-items:center;gap:.5rem;text-decoration:none;display:flex}.dash-brand-icon{font-size:1.5rem}.dash-brand-text{color:#f8fafc;font-size:1.25rem;font-weight:800}.dash-pro-badge{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);border-radius:.35rem;margin-left:.25rem;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.dash-search-box{background:#0f172a;border:1px solid #ffffff1a;border-radius:.65rem;align-items:center;gap:.5rem;width:380px;padding:.45rem .85rem;display:flex}.search-icon{color:#64748b;font-size:.9rem}.dash-search-input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.dash-topbar-right{align-items:center;gap:1rem;display:flex}.timeframe-switch{background:#0f172a;border:1px solid #ffffff14;border-radius:.5rem;padding:2px;display:flex}.timeframe-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;transition:all .2s}.timeframe-btn.active{color:#0f172a;background:#38bdf8}.notif-wrapper{position:relative}.dash-icon-btn{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notif-dot{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown{z-index:200;background:#1e293b;border:1px solid #ffffff1f;border-radius:.85rem;width:320px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 20px 40px #00000080}.notif-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.85rem;display:flex}.mark-read-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-size:.75rem}.notif-list{max-height:280px;overflow-y:auto}.notif-item{border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.notif-item.unread{background:#38bdf80f}.notif-title{color:#f8fafc;margin-bottom:.2rem;font-size:.8rem;font-weight:700}.notif-desc{color:#94a3b8;font-size:.75rem;line-height:1.4}.notif-time{color:#64748b;margin-top:.3rem;font-size:.7rem}.dash-profile-chip{cursor:pointer;border-radius:.5rem;align-items:center;gap:.65rem;padding:.25rem .5rem;display:flex}.dash-user-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #38bdf8;border-radius:50%;width:36px;height:36px}.dash-user-info{text-align:left;flex-direction:column;display:flex}.dash-user-name{color:#f8fafc;font-size:.85rem;font-weight:700}.dash-user-role{color:#94a3b8;font-size:.7rem}.dash-body-container{flex:1;min-height:calc(100vh - 68px);display:flex}.dash-sidebar{background:#0f172a;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:240px;padding:1.5rem 1rem;display:flex}.sidebar-section-title{text-transform:uppercase;color:#64748b;letter-spacing:.08em;margin-bottom:.75rem;padding-left:.5rem;font-size:.7rem;font-weight:700}.sidebar-menu{flex-direction:column;flex:1;gap:.3rem;display:flex}.sidebar-nav-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.65rem;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.sidebar-nav-btn:hover{color:#f8fafc;background:#ffffff0a}.sidebar-nav-btn.active{color:#38bdf8;background:#38bdf826;font-weight:700}.nav-icon{font-size:1.1rem}.nav-label{flex:1}.nav-badge{color:#0f172a;background:#38bdf8;border-radius:9999px;padding:.1rem .4rem;font-size:.7rem;font-weight:800}.sidebar-quota-box{background:#1e293b;border:1px solid #ffffff0f;border-radius:.75rem;margin-top:1.5rem;padding:.85rem}.quota-head{color:#cbd5e1;justify-content:space-between;margin-bottom:.4rem;font-size:.75rem;display:flex}.quota-track{background:#ffffff1a;border-radius:9999px;width:100%;height:6px;margin-bottom:.4rem;overflow:hidden}.quota-fill{background:linear-gradient(90deg,#38bdf8 0%,#818cf8 100%);height:100%}.quota-meta{color:#64748b;font-size:.7rem}.dash-main-area{box-sizing:border-box;flex:1;padding:2rem;overflow-y:auto}.dash-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dash-h1{color:#f8fafc;margin:0 0 .4rem;font-size:1.85rem;font-weight:800}.dash-p{color:#94a3b8;margin:0;font-size:.95rem}.heading-actions{gap:.75rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.65rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s}.action-btn.primary{color:#0f172a;background:#38bdf8}.action-btn.primary:hover{background:#7dd3fc}.action-btn.secondary{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a}.action-btn.secondary:hover{background:#ffffff1a}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.kpi-title{color:#94a3b8;font-size:.85rem;font-weight:600}.kpi-icon-pill{font-size:1.25rem}.kpi-value-row{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.kpi-main-val{color:#f8fafc;font-size:1.85rem;font-weight:800}.kpi-change-tag{border-radius:.3rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.kpi-change-tag.positive{color:#10b981;background:#10b98126}.kpi-change-tag.negative{color:#ef4444;background:#ef444426}.kpi-footer-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.dash-charts-grid-row{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;display:flex}.dash-charts-grid-tri{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.chart-card{box-sizing:border-box;background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;padding:1.5rem}.flex-2{flex:2;min-width:340px}.flex-1{flex:1;min-width:280px}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}.card-h2{color:#f8fafc;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.card-subtitle{color:#94a3b8;margin:0;font-size:.8rem}.chart-legend-simple{color:#94a3b8;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.chart-legend-simple .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.chart-legend-simple .dot.primary{background:#38bdf8}.chart-legend-simple .dot.secondary{background:#818cf8}.dash-ops-row{flex-wrap:wrap;gap:1.25rem;display:flex}.ops-card{box-sizing:border-box;background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;padding:1.5rem}.ops-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.status-filter-chips{background:#0f172a;border-radius:.5rem;gap:.4rem;padding:2px;display:flex}.filter-chip{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600;transition:all .2s}.filter-chip.active{color:#0f172a;background:#38bdf8}.table-responsive{overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.dash-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff14;padding:.75rem .85rem;font-size:.75rem}.dash-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0a;padding:.85rem}.tx-customer-cell{align-items:center;gap:.75rem;display:flex}.tx-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:32px;height:32px}.tx-name{color:#f8fafc;font-weight:700}.tx-sub{color:#64748b;font-size:.75rem}.tx-amount-cell{color:#f8fafc;font-weight:700}.status-badge{border-radius:9999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status-processing{color:#38bdf8;background:#38bdf826}.status-pending{color:#fbbf24;background:#f59e0b26}.status-refunded{color:#ef4444;background:#ef444426}.activity-feed-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:.75rem;display:flex}.activity-avatar-pill{background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.act-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.act-emoji{font-size:1rem}.act-desc{color:#cbd5e1;font-size:.8rem;line-height:1.4}.act-time{color:#64748b;margin-top:.2rem;font-size:.7rem}.dash-subview-card{padding:2rem 0}.subview-placeholder{text-align:center;background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;max-width:600px;margin:0 auto;padding:4rem 2rem}.subview-icon{margin-bottom:1rem;font-size:3.5rem}.subview-title{margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.subview-desc{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.5}@media (width<=1024px){.dash-search-box{width:240px}}@media (width<=768px){.dash-body-container{flex-direction:column}.dash-sidebar{box-sizing:border-box;width:100%;padding:1rem}.sidebar-menu{flex-direction:row;overflow-x:auto}.sidebar-nav-btn{white-space:nowrap}.dash-topbar{padding:0 1rem}.dash-search-box{display:none}}.command-palette-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.command-palette-container{z-index:1000;justify-content:center;align-items:flex-start;padding-top:20vh;animation:.3s ease-out slideIn;display:flex;position:fixed;inset:0}.command-palette{background-color:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;flex-direction:column;width:min(92vw,600px);max-height:600px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dark .command-palette{background-color:#1f2937;border-color:#374151;box-shadow:0 20px 60px #000c}.command-palette-search{border-bottom:1px solid var(--color-border,#e5e7eb);background-color:inherit;align-items:center;gap:12px;padding:16px;display:flex}.dark .command-palette-search{border-bottom-color:#374151}.command-palette-search-icon{color:var(--color-text-secondary,#6b7280);flex-shrink:0;font-size:18px}.command-palette-input{color:var(--color-text,#111827);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:16px}.dark .command-palette-input{color:#f3f4f6}.command-palette-input::placeholder{color:var(--color-text-secondary,#9ca3af)}.command-palette-search-hint{color:var(--color-text-tertiary,#d1d5db);white-space:nowrap;background-color:var(--color-background,#f3f4f6);border-radius:4px;padding:4px 8px;font-family:Monaco,Courier New,monospace;font-size:12px}.dark .command-palette-search-hint{color:#9ca3af;background-color:#374151}.command-palette-results{flex:1;padding:8px;overflow:hidden auto}.command-palette-results::-webkit-scrollbar{width:8px}.command-palette-results::-webkit-scrollbar-track{background:0 0}.command-palette-results::-webkit-scrollbar-thumb{background-color:var(--color-border,#d1d5db);border-radius:4px}.command-palette-results::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover,#9ca3af)}.dark .command-palette-results::-webkit-scrollbar-thumb{background-color:#4b5563}.dark .command-palette-results::-webkit-scrollbar-thumb:hover{background-color:#6b7280}.command-palette-group{margin-bottom:8px}.command-palette-group:first-child .command-palette-group-title{margin-top:0}.command-palette-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary,#9ca3af);margin-top:8px;margin-bottom:4px;padding:8px 12px;font-size:11px;font-weight:600}.dark .command-palette-group-title{color:#6b7280}.command-palette-item{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .15s;display:flex}.command-palette-item:hover{background-color:var(--color-hover,#f3f4f6);border-color:var(--color-border,#e5e7eb)}.command-palette-item.selected{background-color:var(--color-primary-light,#3b82f6);color:var(--color-primary,#3b82f6);background-color:#3b82f61a;border-color:#3b82f6}.dark .command-palette-item:hover{background-color:#374151;border-color:#4b5563}.dark .command-palette-item.selected{background-color:#3b82f633;border-color:#3b82f6}.command-palette-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.command-palette-item-content{flex:1;min-width:0}.command-palette-item-title{color:var(--color-text,#111827);word-break:break-word;margin-bottom:2px;font-size:14px;font-weight:500}.dark .command-palette-item-title{color:#f3f4f6}.command-palette-item-title mark{color:inherit;background-color:#3b82f633;border-radius:2px;padding:0 2px;font-weight:600}.dark .command-palette-item-title mark{background-color:#3b82f64d}.command-palette-item-description{color:var(--color-text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.dark .command-palette-item-description{color:#9ca3af}.command-palette-item-shortcut{color:var(--color-text-tertiary,#d1d5db);background-color:var(--color-background,#f3f4f6);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:4px 8px;font-family:Monaco,Courier New,monospace;font-size:11px}.dark .command-palette-item-shortcut{color:#9ca3af;background-color:#374151}.command-palette-empty{color:var(--color-text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.dark .command-palette-empty{color:#9ca3af}.command-palette-empty-icon{opacity:.5;font-size:40px}.command-palette-empty-text{text-align:center;font-size:14px}.command-palette-footer{border-top:1px solid var(--color-border,#e5e7eb);background-color:var(--color-background,#f9fafb);color:var(--color-text-tertiary,#9ca3af);justify-content:center;align-items:center;gap:24px;padding:12px;font-size:12px;display:flex}.dark .command-palette-footer{color:#6b7280;background-color:#111827;border-top-color:#374151}.command-palette-footer-hint{align-items:center;gap:6px;display:flex}.command-palette-footer-key{background-color:var(--color-surface,#fff);border:1px solid var(--color-border,#d1d5db);color:var(--color-text,#111827);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-weight:500}.dark .command-palette-footer-key{color:#f3f4f6;background-color:#374151;border-color:#4b5563}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=640px){.command-palette-container{padding-top:10vh}.command-palette{max-width:calc(100% - 32px);margin:0 16px}.command-palette-search-hint{display:none}.command-palette-footer{flex-wrap:wrap;gap:12px}}.search-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.search-container{z-index:1000;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.3s ease-out slideIn;display:flex;position:fixed;inset:0}.search-modal{background-color:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dark .search-modal{background-color:#1f2937;border-color:#374151;box-shadow:0 20px 60px #000c}.search-header{border-bottom:1px solid var(--color-border,#e5e7eb);background-color:inherit;padding:20px}.dark .search-header{border-bottom-color:#374151}.search-input-wrapper{align-items:center;gap:12px;display:flex;position:relative}.search-icon{color:var(--color-text-secondary,#6b7280);flex-shrink:0;font-size:20px}.search-input{color:var(--color-text,#111827);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:18px}.dark .search-input{color:#f3f4f6}.search-loading{font-size:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-sources{border-bottom:1px solid var(--color-border,#e5e7eb);background-color:var(--color-background,#f9fafb);flex-wrap:nowrap;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.dark .search-sources{background-color:#111827;border-bottom-color:#374151}.search-source-tab{border:1px solid var(--color-border,#d1d5db);color:var(--color-text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.search-source-tab:hover{background-color:var(--color-hover,#f3f4f6);border-color:var(--color-border,#bfdbfe);color:var(--color-text,#111827)}.search-source-tab.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.dark .search-source-tab{color:#9ca3af;border-color:#4b5563}.dark .search-source-tab:hover{background-color:#374151;border-color:#6b7280}.dark .search-source-tab.active{background-color:#3b82f6;border-color:#3b82f6}.search-source-icon{font-size:14px}.search-source-name{font-weight:600}.search-results{flex:1;padding:12px;overflow:hidden auto}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{background-color:var(--color-border,#d1d5db);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover,#9ca3af)}.dark .search-results::-webkit-scrollbar-thumb{background-color:#4b5563}.dark .search-results::-webkit-scrollbar-thumb:hover{background-color:#6b7280}.search-empty-state,.search-loading-state,.search-no-results{color:var(--color-text-secondary,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 40px;display:flex}.search-loading-skeletons{gap:var(--space-3);width:min(320px,80%);display:grid}.dark .search-empty-state,.dark .search-loading-state,.dark .search-no-results{color:#9ca3af}.search-empty-icon,.search-no-results-icon{opacity:.5;font-size:48px}.search-spinner{font-size:24px;animation:1s linear infinite spin}.search-empty-title,.search-no-results-title{color:var(--color-text,#111827);font-size:18px;font-weight:600}.dark .search-empty-title,.dark .search-no-results-title{color:#f3f4f6}.search-empty-description,.search-no-results-description{color:var(--color-text-secondary,#6b7280);max-width:300px;font-size:14px}.dark .search-empty-description,.dark .search-no-results-description{color:#9ca3af}.search-results-group{margin-bottom:16px}.search-results-group:last-child{margin-bottom:0}.search-results-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary,#9ca3af);align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.dark .search-results-group-title{color:#6b7280}.search-results-group-icon{font-size:14px}.search-results-group-count{background-color:var(--color-background,#f3f4f6);border-radius:3px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:600}.dark .search-results-group-count{background-color:#374151}.search-results-group-items{flex-direction:column;gap:4px;display:flex}.search-result-item{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .15s;display:flex}.search-result-item:hover{background-color:var(--color-hover,#f3f4f6);border-color:var(--color-border,#e5e7eb)}.search-result-item.selected{background-color:#3b82f61a;border-color:#3b82f6}.dark .search-result-item:hover{background-color:#374151;border-color:#4b5563}.dark .search-result-item.selected{background-color:#3b82f633;border-color:#3b82f6}.search-result-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:18px;display:flex}.search-result-content{flex:1;min-width:0}.search-result-title{color:var(--color-text,#111827);margin-bottom:4px;font-size:14px;font-weight:500}.dark .search-result-title{color:#f3f4f6}.search-result-title mark{background-color:#3b82f633;border-radius:2px;padding:0 2px;font-weight:600}.dark .search-result-title mark{background-color:#3b82f64d}.search-result-description{color:var(--color-text-secondary,#6b7280);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dark .search-result-description{color:#9ca3af}.search-result-fields{flex-wrap:wrap;gap:4px;display:flex}.search-result-field-tag{background-color:var(--color-background,#f3f4f6);color:var(--color-text-secondary,#6b7280);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.dark .search-result-field-tag{color:#9ca3af;background-color:#374151}.search-result-score{color:var(--color-text-tertiary,#d1d5db);background-color:var(--color-background,#f3f4f6);border-radius:4px;flex-shrink:0;margin-top:2px;padding:4px 8px;font-size:11px;font-weight:600}.dark .search-result-score{color:#9ca3af;background-color:#374151}.search-footer{border-top:1px solid var(--color-border,#e5e7eb);background-color:var(--color-background,#f9fafb);color:var(--color-text-tertiary,#9ca3af);justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;font-size:12px;display:flex}.dark .search-footer{color:#6b7280;background-color:#111827;border-top-color:#374151}.search-footer-hints{align-items:center;gap:16px;display:flex}.search-footer-hint{align-items:center;gap:6px;display:flex}.search-footer-key{background-color:var(--color-surface,#fff);border:1px solid var(--color-border,#d1d5db);color:var(--color-text,#111827);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-weight:500}.dark .search-footer-key{color:#f3f4f6;background-color:#374151;border-color:#4b5563}.search-footer-results{color:var(--color-text-secondary,#6b7280);font-weight:500}.dark .search-footer-results{color:#9ca3af}@media (width<=640px){.search-container{padding-top:5vh}.search-modal{max-width:calc(100% - 32px);max-height:90vh;margin:0 16px}.search-header{padding:16px}.search-input{font-size:16px}.search-sources{padding:10px 16px}.search-results,.search-result-item{padding:10px}.search-footer{flex-direction:column;gap:12px;padding:10px 16px}.search-footer-hints{justify-content:space-between;width:100%}}.advanced-customizer-page{background-color:#f8fafc;min-height:100vh;padding:2rem}.dark .advanced-customizer-page{background-color:#0f172a}.customizer-header{text-align:center;margin-bottom:2rem}.customizer-header h1{color:var(--color-primary-900);margin:0 0 .5rem;font-size:2rem;font-weight:700}.dark .customizer-header h1{color:#f1f5f9}.customizer-header p{color:var(--color-primary-600);margin:0;font-size:1rem}.dark .customizer-header p{color:#94a3b8}.customizer-layout{grid-template-columns:250px 1fr 300px;gap:1.5rem;height:calc(100vh - 200px);min-height:600px;display:grid}.components-sidebar{border-radius:var(--border-radius);box-shadow:var(--shadow-md);background:#fff;padding:1.5rem;overflow-y:auto}.dark .components-sidebar{background:#1e293b}.components-sidebar h3{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.dark .components-sidebar h3{color:#f1f5f9}.component-list{flex-direction:column;gap:.5rem;display:flex}.component-item{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.dark .component-item{color:#f1f5f9;background:#334155;border-color:#475569}.component-item:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.dark .component-item:hover{border-color:var(--color-primary-400);background:#475569}.component-item.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.component-icon{font-size:1.25rem}.component-name{font-size:.875rem;font-weight:500}.live-preview{border-radius:var(--border-radius);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex;overflow:hidden}.dark .live-preview{background:#1e293b}.preview-header{border-bottom:1px solid var(--color-primary-200);background:var(--color-primary-50);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dark .preview-header{background:#334155;border-color:#475569}.preview-header h3{color:var(--color-primary-900);margin:0;font-size:1rem;font-weight:600}.dark .preview-header h3{color:#f1f5f9}.preview-badge{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.preview-content{flex:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex;overflow-y:auto}.hero-preview{text-align:center;max-width:800px}.cards-preview,.forms-preview{width:100%}.buttons-preview,.typography-preview{width:100%;max-width:600px}.tables-preview{width:100%;max-width:800px}.properties-panel{border-radius:var(--border-radius);box-shadow:var(--shadow-md);background:#fff;padding:1.5rem;overflow-y:auto}.dark .properties-panel{background:#1e293b}.properties-panel h3{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.dark .properties-panel h3{color:#f1f5f9}.properties-content{flex-direction:column;gap:1.5rem;display:flex}.property-group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-600);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.dark .property-group h4{color:#94a3b8}.theme-summary{flex-direction:column;gap:1rem;display:flex}.color-swatches{gap:.5rem;display:flex}.swatch{border-radius:var(--border-radius);border:2px solid var(--color-primary-200);cursor:pointer;width:40px;height:40px;transition:transform .2s}.swatch:hover{transform:scale(1.1)}.theme-info{color:var(--color-primary-700);flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.dark .theme-info{color:#cbd5e1}.theme-info strong{color:var(--color-primary-900)}.dark .theme-info strong{color:#f1f5f9}.quick-controls{flex-direction:column;gap:1rem;display:flex}.quick-controls label{color:var(--color-primary-700);flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.dark .quick-controls label{color:#cbd5e1}.quick-controls input[type=color]{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);cursor:pointer;width:100%;height:40px;padding:.25rem}.dark .quick-controls input[type=color]{border-color:#475569}.quick-controls select{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);width:100%;color:var(--color-primary-900);background:#fff;padding:.5rem}.dark .quick-controls select{color:#f1f5f9;background:#334155;border-color:#475569}.action-btn{background:var(--color-primary-500);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;padding:.75rem;font-weight:500;transition:background .2s}.action-btn:hover{background:var(--color-primary-600)}@media (width<=1200px){.customizer-layout{grid-template-columns:200px 1fr 250px}}@media (width<=1024px){.customizer-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto}.components-sidebar{max-height:200px}.live-preview{min-height:400px}.properties-panel{max-height:300px}}@media (width<=768px){.advanced-customizer-page{padding:1rem}.customizer-header h1{font-size:1.5rem}.preview-content{padding:1rem}}.alert{border-radius:var(--border-radius);border:1px solid;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.alert-success{color:#065f46;background:#ecfdf5;border-color:#10b981}.alert-error{color:#991b1b;background:#fef2f2;border-color:#ef4444}.alert-warning{color:#92400e;background:#fffbeb;border-color:#f59e0b}.alert-info{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.dark .alert-success{color:#d1fae5;background:#064e3b;border-color:#059669}.dark .alert-error{color:#fee2e2;background:#7f1d1d;border-color:#dc2626}.dark .alert-warning{color:#fef3c7;background:#78350f;border-color:#d97706}.dark .alert-info{color:#dbeafe;background:#1e3a8a;border-color:#2563eb}.alert-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-weight:700;display:flex}.alert-content{flex:1}.alert-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.alert-message{margin:0;font-size:.875rem}.alert-dismiss{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:opacity .2s}.alert-dismiss:hover{opacity:1}.toast{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:9999;align-items:flex-start;gap:.75rem;min-width:300px;max-width:400px;padding:1rem;animation:.3s slideIn;display:flex;position:fixed;top:1rem;right:1rem}.toast-success{color:#065f46;background:#ecfdf5;border:1px solid #10b981}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.toast-warning{color:#92400e;background:#fffbeb;border:1px solid #f59e0b}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #3b82f6}.dark .toast-success{color:#d1fae5;background:#064e3b;border-color:#059669}.dark .toast-error{color:#fee2e2;background:#7f1d1d;border-color:#dc2626}.dark .toast-warning{color:#fef3c7;background:#78350f;border-color:#d97706}.dark .toast-info{color:#dbeafe;background:#1e3a8a;border-color:#2563eb}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-weight:700;display:flex}.toast-content{flex:1}.toast-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.toast-message{margin:0;font-size:.875rem}.toast-close{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--border-radius);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;max-width:100%;max-height:90vh;animation:.2s modalFadeIn;display:flex;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}.modal-xl{width:1200px}.modal-header{border-bottom:1px solid var(--color-primary-200);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dark .modal-header{border-color:#334155}.modal-title{color:var(--color-primary-900);margin:0;font-size:1.25rem;font-weight:600}.dark .modal-title{color:#f1f5f9}.modal-close{cursor:pointer;color:var(--color-primary-600);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--color-primary-900)}.dark .modal-close{color:#94a3b8}.dark .modal-close:hover{color:#f1f5f9}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.drawer-overlay{z-index:1000;background:#00000080;position:fixed;inset:0}.drawer{box-shadow:var(--shadow-xl);z-index:1001;background:#fff;flex-direction:column;animation:.3s drawerSlideIn;display:flex;position:fixed}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .drawer-right{animation:.3s drawerSlideInRtl;left:0;right:auto}@keyframes drawerSlideInRtl{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-right{top:0;bottom:0;right:0}.drawer-left{animation:.3s drawerSlideInLeft;top:0;bottom:0;left:0}[dir=rtl] .drawer-left{animation:.3s drawerSlideInRtl;left:auto;right:0}@keyframes drawerSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-top{animation:.3s drawerSlideInTop;top:0;left:0;right:0}@keyframes drawerSlideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.drawer-bottom{animation:.3s drawerSlideInBottom;bottom:0;left:0;right:0}@keyframes drawerSlideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-sm{width:300px}.drawer-md{width:400px}.drawer-lg{width:500px}.drawer-top.drawer-sm,.drawer-bottom.drawer-sm{width:100%;height:300px}.drawer-top.drawer-md,.drawer-bottom.drawer-md{width:100%;height:400px}.drawer-top.drawer-lg,.drawer-bottom.drawer-lg{width:100%;height:500px}.drawer-header{border-bottom:1px solid var(--color-primary-200);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dark .drawer-header{border-color:#334155}.drawer-title{color:var(--color-primary-900);margin:0;font-size:1.25rem;font-weight:600}.dark .drawer-title{color:#f1f5f9}.drawer-close{cursor:pointer;color:var(--color-primary-600);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.drawer-close:hover{color:var(--color-primary-900)}.dark .drawer-close{color:#94a3b8}.dark .drawer-close:hover{color:#f1f5f9}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.confirm-dialog{padding:1rem 0}.confirm-message{color:var(--color-primary-700);margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.dark .confirm-message{color:#cbd5e1}.confirm-actions{justify-content:flex-end;gap:.75rem;display:flex}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{color:#fff;border-radius:var(--border-radius);white-space:nowrap;z-index:100;background:#1e293b;padding:.5rem .75rem;font-size:.75rem;animation:.2s tooltipFadeIn;position:absolute}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)}.popover-wrapper{display:inline-block;position:relative}.popover{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;background:#fff;min-width:200px;padding:1rem;animation:.2s popoverFadeIn;position:absolute}.dark .popover{background:#1e293b;border-color:#334155}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover-top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.popover-bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.popover-left{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}.popover-right{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)}@media (width<=640px){.modal-sm,.modal-md,.modal-lg,.modal-xl,.drawer-sm,.drawer-md,.drawer-lg{width:100%}.toast{min-width:auto;left:1rem;right:1rem}}.navigation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.dark .navigation{background:var(--color-surface);border-color:var(--color-border)}.nav-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.dark .nav-link:hover{background:var(--color-surface-muted)}.nav-icon{justify-content:center;align-items:center;display:flex}.nav-dropdown-icon{margin-inline-start:auto;transition:transform .2s}[dir=rtl] .nav-dropdown{left:auto;right:0}[dir=rtl] .nav-dropdown-icon{margin-inline:0 auto}.nav-item.active .nav-dropdown-icon{transform:rotate(180deg)}.nav-dropdown{margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-lg);z-index:1000;min-width:200px;position:absolute;top:100%;left:0;overflow:hidden}.dark .nav-dropdown{background:var(--color-surface);border-color:var(--color-border)}.nav-dropdown-horizontal,.nav-dropdown-vertical{flex-direction:column;display:flex}.nav-dropdown .nav-item{padding:0}.nav-dropdown .nav-link{padding:var(--space-2) var(--space-4);border-radius:0}.nav-dropdown .nav-link:hover,.dark .nav-dropdown .nav-link:hover{background:var(--color-surface-muted)}.navigation-mega .nav-dropdown{min-width:600px;padding:var(--space-4)}.navigation-mega .nav-dropdown-content{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.navigation-horizontal{align-items:center;display:flex}.navigation-horizontal .nav-list{flex-direction:row}.navigation-vertical{flex-direction:column;display:flex}.navigation-vertical .nav-list{flex-direction:column}.navigation-vertical .nav-dropdown{box-shadow:none;border:none;min-width:100%;margin-top:0;position:static}.sidebar{border-right:1px solid var(--color-primary-200);background:#fff;flex-direction:column;height:100vh;transition:width .3s;display:flex}.dark .sidebar{background:#1e293b;border-color:#334155}.sidebar.expanded{width:250px}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid var(--color-primary-200);justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-header h3{margin:0;font-size:1.125rem;font-weight:600}.sidebar-toggle{cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;padding:.25rem;transition:background .2s}.sidebar-toggle:hover{background:var(--color-primary-50)}.dark .sidebar-toggle:hover{background:#334155}.sidebar-nav{flex:1;margin:0;padding:1rem 0;list-style:none}.sidebar-item{width:calc(100% - 1rem);font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:var(--border-radius);background:0 0;border:0;align-items:center;gap:.75rem;margin:.25rem .5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--color-primary-50)}.dark .sidebar-item:hover{background:#334155}.sidebar-item.active{font-weight:600}.sidebar-item:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.sidebar-icon{justify-content:center;align-items:center;min-width:24px;display:flex}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumbs{padding:.75rem 0}.breadcrumb-list{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumb-link{color:var(--color-primary-600);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--color-primary-500)}.breadcrumb-current{color:var(--color-primary-900);font-weight:500}.dark .breadcrumb-current{color:#f1f5f9}.breadcrumb-separator{color:var(--color-primary-400);align-items:center;display:flex}.tabs{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);background:#fff;overflow:hidden}.dark .tabs{background:#1e293b;border-color:#334155}.tab-list{border-bottom:1px solid var(--color-primary-200);background:var(--color-primary-50);display:flex}.dark .tab-list{background:#334155;border-color:#334155}.tab-button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.tab-button:hover{background:var(--color-primary-100)}.dark .tab-button:hover{background:#475569}.tab-button.active{border-bottom-color:var(--color-primary-500)}.tab-content{padding:1.5rem}.pagination{align-items:center;gap:.25rem;display:flex}.pagination-button{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;min-width:40px;height:40px;font-weight:500;transition:all .2s;display:flex}.dark .pagination-button{color:#f1f5f9;background:#1e293b;border-color:#334155}.pagination-button:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-500)}.dark .pagination-button:hover:not(:disabled){border-color:var(--color-primary-400);background:#334155}.pagination-button.active{font-weight:600}.pagination-button:disabled{cursor:not-allowed}.pagination-ellipsis{color:var(--color-primary-400);padding:0 .5rem}@media (width<=768px){.sidebar.expanded{z-index:1000;box-shadow:var(--shadow-xl);position:fixed;top:0;left:0}.navigation-mega .nav-dropdown{min-width:300px}.navigation-mega .nav-dropdown-content{grid-template-columns:1fr}.tab-list{overflow-x:auto}.tab-button{white-space:nowrap}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.datatable-wrapper{box-sizing:border-box;color:#f8fafc;background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;width:100%;max-width:100%;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000059}.datatable-toolbar{background:#0f172a80;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.datatable-title-block{flex-direction:column;display:flex}.datatable-title{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:800}.datatable-subtitle{color:#94a3b8;margin:.2rem 0 0;font-size:.825rem}.datatable-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dt-search-box{background:#0f172a;border:1px solid #ffffff1f;border-radius:.65rem;align-items:center;gap:.5rem;width:260px;padding:.4rem .75rem;display:flex}.dt-search-input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.dt-search-icon{color:#64748b;font-size:.85rem}.dt-filter-group{align-items:center;gap:.5rem;display:flex}.dt-filter-select{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1f;border-radius:.65rem;outline:none;padding:.45rem .75rem;font-size:.825rem}.dt-btn{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1f;border-radius:.65rem;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.dt-btn:hover{color:#f8fafc;background:#ffffff14}.dt-btn.primary{color:#0f172a;background:#38bdf8;border:none;font-weight:700}.dt-btn.primary:hover{background:#7dd3fc}.dt-btn.danger{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.dt-btn.danger:hover{color:#fff;background:#ef444440}.dt-popover-wrapper{position:relative}.dt-popover-menu{z-index:60;background:#1e293b;border:1px solid #ffffff1f;border-radius:.75rem;flex-direction:column;gap:.4rem;width:200px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 15px 30px #00000080}[dir=rtl] .dt-popover-menu{left:0;right:auto}.dt-popover-label{text-transform:uppercase;color:#64748b;border-bottom:1px solid #ffffff0f;padding-bottom:.4rem;font-size:.75rem;font-weight:700}.dt-checkbox-item{color:#cbd5e1;cursor:pointer;align-items:center;gap:.5rem;font-size:.825rem;display:flex}.dt-bulk-banner{background:#38bdf81f;border-bottom:1px solid #38bdf840;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.dt-bulk-text{color:#38bdf8;font-size:.85rem;font-weight:700}.dt-bulk-actions-group{gap:.5rem;display:flex}.dt-table-container{width:100%;overflow-x:auto}.dt-table{border-collapse:collapse;text-align:start;width:100%;font-size:.875rem}.dt-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0f172a;border-bottom:1px solid #ffffff14;padding:.9rem 1rem;font-size:.75rem;font-weight:700}.dt-th-sortable{cursor:pointer;transition:color .15s}.dt-th-sortable:hover{color:#f8fafc}.dt-sort-indicator{color:#38bdf8;margin-inline-start:.35rem;font-size:.75rem;display:inline-block}.dt-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:1rem}.dt-table td[data-label=Actions]>div{justify-content:flex-end}[dir=rtl] .dt-table td[data-label=Actions]>div{justify-content:flex-start}.dt-table tbody tr{transition:background-color .15s}.dt-table tbody tr:hover{background-color:#ffffff08}.dt-table tbody tr.row-selected{background-color:#38bdf814}.dt-table.striped tbody tr:nth-child(2n){background-color:#0f172a4d}.dt-expand-row{border-bottom:1px solid #ffffff14;background-color:#0f172a99!important}.dt-expand-content{padding:1.25rem 2rem}.dt-expand-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.85rem;transition:transform .2s,color .2s}.dt-expand-btn:hover{color:#38bdf8}.dt-expand-btn.expanded{color:#38bdf8;transform:rotate(90deg)}.dt-row-actions{display:inline-block;position:relative}@media (width<=1024px){.datatable-toolbar{align-items:stretch}.datatable-title-block,.datatable-controls{width:100%}.datatable-controls{justify-content:flex-start}.dt-search-box{flex:220px;width:auto}}@media (width<=640px){.datatable-wrapper{border-radius:var(--radius,.75rem);padding-bottom:max(12px, env(safe-area-inset-bottom))}.datatable-toolbar,.dt-bulk-banner{padding:1rem}.datatable-controls,.dt-filter-group,.dt-btn,.dt-search-box,.dt-filter-select{width:100%}.dt-search-box,.dt-filter-select,.dt-btn{min-height:44px;padding-top:.7rem;padding-bottom:.7rem}.dt-btn{justify-content:center}.dt-table-container{background:#0f172a;max-width:100%;padding:.75rem;overflow:visible}.dt-table,.dt-table tbody,.dt-table tr,.dt-table td{box-sizing:border-box;width:100%;display:block}.dt-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dt-table tbody tr:not(.dt-expand-row){background:#1e293b;border:1px solid #ffffff14;border-radius:.75rem;margin-bottom:.75rem;padding:.75rem}.dt-table td{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(5rem,34%) 1fr;gap:.75rem;padding:.65rem 0;display:grid;text-align:start!important}.dt-table td:last-child{border-bottom:0}.dt-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.dt-table td:not([data-label]){display:none}.dt-table td[data-label=Actions]>div{flex-wrap:wrap;justify-content:flex-start}.dt-expand-row td{display:block}.dt-expand-row td:before{display:none}.dt-pagination{flex-wrap:wrap;gap:.75rem;padding:1rem}}.dt-action-menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.2rem .5rem;font-size:1.1rem}.dt-action-menu-btn:hover{color:#f8fafc;background:#ffffff14}.dt-pagination-footer{color:#94a3b8;background:#0f172a80;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.825rem;display:flex}.dt-page-size-selector{align-items:center;gap:.5rem;display:flex}.dt-page-size-select{color:#cbd5e1;background:#0f172a;border:1px solid #ffffff1f;border-radius:.4rem;outline:none;padding:.25rem .5rem;font-size:.8rem}.dt-pagination-nav{align-items:center;gap:.4rem;display:flex}.dt-page-btn{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.dt-page-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff14}.dt-page-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:800}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-skeleton-row td{padding:1.25rem 1rem}.dt-skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:14px;animation:1.5s infinite dt-shimmer}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-empty-state{text-align:center;padding:4rem 2rem}.dt-empty-icon{margin-bottom:.75rem;font-size:3rem}.dt-empty-title{color:#f8fafc;margin:0 0 .4rem;font-size:1.25rem;font-weight:800}.dt-empty-desc{color:#94a3b8;max-width:420px;margin:0 auto 1.5rem;font-size:.875rem}.dt-error-state{text-align:center;background:#ef44440d;padding:3.5rem 2rem}.dt-error-icon{margin-bottom:.75rem;font-size:2.75rem}.dt-error-title{color:#fca5a5;margin:0 0 .4rem;font-size:1.2rem;font-weight:800}.dt-error-desc{color:#94a3b8;margin:0 0 1.25rem;font-size:.85rem}.playground-workbench{color:#0f172a;background:#f8fafc;min-height:100vh;padding-bottom:5rem;font-family:Inter,system-ui,-apple-system,sans-serif}.dark .playground-workbench{color:#f1f5f9;background:#080d17}.playground-header{max-width:1280px;margin:0 auto;padding:3rem 2rem 2rem}.playground-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:9999px;margin-bottom:.75rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.playground-title{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.playground-subtitle{color:#64748b;max-width:720px;margin:0;font-size:1.05rem;line-height:1.6}.dark .playground-subtitle{color:#94a3b8}.playground-category-nav{border-bottom:1px solid #e2e8f0;gap:.5rem;max-width:1280px;margin:0 auto 2rem;padding:.75rem 2rem;display:flex;overflow-x:auto}.dark .playground-category-nav{border-bottom-color:#1e293b}.playground-nav-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.dark .playground-nav-tab{color:#94a3b8}.playground-nav-tab:hover{color:#0f172a;background:#f1f5f9}.dark .playground-nav-tab:hover{color:#f1f5f9;background:#1e293b}.playground-nav-tab.active{color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 10%, transparent);border-color:color-mix(in srgb, var(--color-primary,#6366f1) 25%, transparent)}.playground-shell{max-width:1280px;margin:0 auto;padding:0 2rem}.playground-component-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.playground-component-title{margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.playground-component-tagline{color:#64748b;max-width:600px;margin:0;font-size:.95rem}.dark .playground-component-tagline{color:#94a3b8}.playground-import-badge{color:#38bdf8;background:#0f172a;border-radius:6px;padding:.4rem .85rem;font-family:Fira Code,monospace;font-size:.8rem;font-weight:600}.workbench-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1.5rem;padding:1.75rem;box-shadow:0 4px 20px #00000008}.dark .workbench-section{background:#111827;border-color:#1e293b}.workbench-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title-wrap{align-items:center;gap:.65rem;display:flex}.section-index{color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:900}.workbench-section-header h3{margin:0;font-size:1.15rem;font-weight:800}.canvas-mode-toggle{background:#f1f5f9;border-radius:8px;gap:.35rem;padding:.25rem;display:flex}.dark .canvas-mode-toggle{background:#1e293b}.canvas-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;transition:all .15s}.dark .canvas-mode-btn{color:#94a3b8}.canvas-mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.dark .canvas-mode-btn.active{color:#f1f5f9;background:#0f172a}.playground-canvas{border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-height:220px;padding:2.5rem;transition:background .2s;display:flex}.playground-canvas.bg-white{background:#fff}.playground-canvas.bg-dark{background:#080d17}.playground-canvas.bg-grid{background-color:#fff;background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-size:20px 20px}.dark .playground-canvas.bg-grid{background-color:#0b1120;background-image:linear-gradient(#1e293b 1px,#0000 1px),linear-gradient(90deg,#1e293b 1px,#0000 1px)}.playground-preview-stage{justify-content:center;align-items:center;width:100%;display:flex}.playground-badge-preview{border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.playground-badge-preview.size-sm{padding:.2rem .5rem;font-size:.75rem}.playground-badge-preview.size-lg{padding:.5rem 1rem;font-size:.95rem}.playground-badge-preview.primary{background:var(--color-primary,#6366f1);color:#fff}.playground-badge-preview.success{color:#fff;background:#10b981}.playground-badge-preview.warning{color:#fff;background:#f59e0b}.playground-badge-preview.error{color:#fff;background:#ef4444}.playground-badge-preview.info{color:#fff;background:#0ea5e9}.playground-badge-preview.neutral{color:#fff;background:#64748b}.playground-badge-preview.state-pill{border-radius:9999px}.playground-badge-preview.state-outline{background:0 0;border:1.5px solid}.badge-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.playground-card-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:380px;transition:all .2s}.dark .playground-card-preview{background:#1e293b;border-color:#334155}.playground-card-preview.elevated{box-shadow:0 10px 30px #00000014}.playground-card-preview.bordered{border-width:2px}.playground-card-preview.flat{background:#f8fafc;border-color:#0000}.playground-card-preview.padding-sm{padding:1rem}.playground-card-preview.padding-md{padding:1.5rem}.playground-card-preview.padding-lg{padding:2rem}.playground-card-preview.hoverable:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.card-preview-header{justify-content:space-between;align-items:center;display:flex}.card-preview-header h4{margin:0;font-size:1.1rem;font-weight:800}.card-preview-badge{color:#10b981;background:#10b98126;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.playground-input-preview{width:100%;color:inherit;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.dark .playground-input-preview{background:#1e293b;border-color:#334155}.playground-input-preview.size-sm{padding:.45rem .65rem;font-size:.85rem}.playground-input-preview.size-lg{padding:.85rem 1.1rem;font-size:1.05rem}.playground-input-preview.error{border-color:#ef4444}.playground-status-tag.active{color:#10b981;font-size:.8rem;font-weight:700}.playground-status-tag.pending{color:#f59e0b;font-size:.8rem;font-weight:700}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.control-block{flex-direction:column;gap:.5rem;display:flex}.control-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.8rem;font-weight:800}.dark .control-label{color:#94a3b8}.control-pills{flex-wrap:wrap;gap:.4rem;display:flex}.control-pill{color:#475569;cursor:pointer;text-transform:capitalize;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s}.dark .control-pill{color:#cbd5e1;background:#1e293b;border-color:#334155}.control-pill:hover{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}.control-pill.active{background:var(--color-primary,#6366f1);border-color:var(--color-primary,#6366f1);color:#fff}.control-text-input{color:inherit;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;padding:.55rem .85rem;font-size:.875rem}.dark .control-text-input{background:#1e293b;border-color:#334155}.playground-copy-btn{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.playground-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.code-block-wrapper{background:#0f172a;border:1px solid #1e293b;border-radius:10px;overflow:hidden}.playground-code-output{color:#38bdf8;margin:0;padding:1.25rem 1.5rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.props-table-wrapper{overflow-x:auto}.playground-props-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.playground-props-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:800}.dark .playground-props-table th{color:#94a3b8;border-bottom-color:#1e293b}.playground-props-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.dark .playground-props-table td{border-bottom-color:#1e293b}.prop-name{color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 10%, transparent);border-radius:4px;padding:.2rem .45rem;font-family:Fira Code,monospace;font-size:.8rem;font-weight:700}.prop-type{color:#ea580c;font-family:Fira Code,monospace;font-size:.78rem}.dark .prop-type{color:#fb923c}.prop-default{color:#64748b;font-family:Fira Code,monospace;font-size:.78rem}.dark .prop-default{color:#94a3b8}.prop-desc{color:#475569;line-height:1.5}.dark .prop-desc{color:#cbd5e1}.beginner-setup{color:#172033;background:#f5f7fb;min-height:100vh;padding:3rem 1.25rem}.dark .beginner-setup{color:#f8fafc;background:#0f172a}.beginner-setup-shell{width:min(100%,960px);margin:0 auto}.beginner-setup-header{margin-bottom:2rem}.beginner-setup-eyebrow{color:var(--primary,#635bff);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.beginner-setup-header h1{max-width:620px;margin:.35rem 0 .75rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.beginner-setup-header p,.beginner-setup-panel>div>p{color:#5b6780}.dark .beginner-setup-header p,.dark .beginner-setup-panel>div>p{color:#a8b3c7}.beginner-setup-progress{color:#8994a8;white-space:nowrap;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex;overflow-x:auto}.beginner-setup-progress .complete{color:var(--primary,#635bff)}.beginner-setup-progress .current{color:var(--primary,#635bff);border-bottom:2px solid var(--primary,#635bff);font-weight:800}.beginner-setup-panel{background:#fff;border:1px solid #dce3ef;border-radius:8px;min-height:390px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 18px 45px #17203314}.dark .beginner-setup-panel{background:#1e293b;border-color:#334155}.beginner-setup-panel h2{margin:0;font-size:1.5rem}.beginner-preset-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.beginner-preset{color:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #dce3ef;border-radius:8px;grid-template-columns:auto 1fr;gap:.15rem .65rem;padding:1rem;display:grid}.beginner-preset:hover,.beginner-preset.selected{border-color:var(--primary,#635bff);background:color-mix(in srgb, var(--primary,#635bff) 8%, transparent)}.beginner-preset>span{grid-row:span 2;font-size:1.3rem}.beginner-preset small{color:#68758b}.dark .beginner-preset{border-color:#475569}.dark .beginner-preset small{color:#a8b3c7}.beginner-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem;display:grid}.beginner-choice{min-height:7rem;color:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #dce3ef;border-radius:8px;gap:.35rem;padding:1.1rem;display:grid}.beginner-choice:hover,.beginner-choice.selected{border-color:var(--primary,#635bff);background:color-mix(in srgb, var(--primary,#635bff) 8%, transparent)}.beginner-choice small{color:#68758b;line-height:1.4}.dark .beginner-choice{border-color:#475569}.dark .beginner-choice small{color:#a8b3c7}.beginner-appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beginner-color-controls,.beginner-layout-controls,.beginner-brand-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.beginner-color-controls label,.beginner-layout-controls label,.beginner-brand-controls label{gap:.5rem;font-weight:700;display:grid}.beginner-color-controls input{cursor:pointer;border:1px solid #dce3ef;border-radius:8px;width:100%;height:4rem;padding:.25rem}.beginner-layout-controls select,.beginner-brand-controls input{width:100%;color:inherit;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:.75rem}.beginner-color-preview{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.beginner-color-preview span{border-radius:50%;width:2rem;height:2rem}.beginner-finish{text-align:center;align-content:center;justify-items:center;min-height:320px;display:grid}.beginner-finish-mark{color:#fff;border-radius:12px;place-items:center;width:4rem;height:4rem;margin-bottom:1rem;font-size:2rem;font-weight:800;display:grid}.beginner-finish-mark img{max-width:70%;max-height:70%}.beginner-next-steps{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.beginner-next-steps button,.beginner-primary,.beginner-secondary{cursor:pointer;border-radius:6px;padding:.75rem 1rem;font-weight:700}.beginner-next-steps button,.beginner-primary{color:#fff;background:var(--primary,#635bff);border:1px solid var(--primary,#635bff)}.beginner-next-steps button{color:var(--primary,#635bff);background:0 0}.beginner-setup-actions{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.beginner-secondary{color:#455269;background:0 0;border:1px solid #cbd5e1}.dark .beginner-secondary{color:#dbe5f5;border-color:#475569}@media (width<=600px){.beginner-setup{padding:2rem 1rem}.beginner-color-controls,.beginner-layout-controls,.beginner-brand-controls{grid-template-columns:1fr}.beginner-setup-panel{min-height:430px}.beginner-choice-grid,.beginner-appearance-grid{grid-template-columns:1fr}}.start-building-page{color:#0f172a;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:2rem 1.5rem 4rem;font-family:Inter,system-ui,-apple-system,sans-serif}.dark .start-building-page{color:#f1f5f9;background:linear-gradient(145deg,#080d17 0%,#0f172a 100%)}.sb-shell{max-width:1000px;margin:0 auto}.sb-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.dark .sb-header{border-bottom-color:#1e293b}.sb-brand-chip{align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.sb-logo-badge{background:var(--color-primary,#6366f1);color:#fff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:800}.sb-stepper{align-items:center;gap:1rem;display:flex;overflow-x:auto}.sb-step-indicator{color:#94a3b8;cursor:default;white-space:nowrap;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.sb-step-indicator.completed{color:#10b981;cursor:pointer}.sb-step-indicator.current{color:var(--color-primary,#6366f1)}.sb-step-number{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.dark .sb-step-number{color:#94a3b8;background:#1e293b}.sb-step-indicator.current .sb-step-number{background:var(--color-primary,#6366f1);color:#fff}.sb-step-indicator.completed .sb-step-number{color:#fff;background:#10b981}.sb-exit-link{color:#64748b;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.sb-exit-link:hover{color:#0f172a;background:#0000000d}.dark .sb-exit-link:hover{color:#f1f5f9;background:#ffffff0d}.sb-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:clamp(1.75rem,5vw,3rem);box-shadow:0 10px 40px #0000000d}.sb-welcome-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:clamp(1.75rem,5vw,3.5rem);box-shadow:0 10px 40px #0000000f}.dark .sb-welcome-card{background:#111827;border-color:#1e293b}.sb-welcome-copy{max-width:680px;margin-bottom:2rem}.sb-welcome-copy h1{letter-spacing:-.04em;margin:.75rem 0 .5rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.sb-welcome-copy p{color:#64748b;max-width:60ch;margin:0;font-size:1.05rem;line-height:1.7}.dark .sb-welcome-copy p{color:#94a3b8}.sb-welcome-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.sb-welcome-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.dark .sb-welcome-step{background:#0f172a;border-color:#273449}.sb-welcome-step>span{background:var(--color-primary,#6366f1);color:#fff;border-radius:50%;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.sb-welcome-step strong,.sb-welcome-step small{display:block}.sb-welcome-step strong{margin-bottom:.25rem}.sb-welcome-step small{color:#64748b;line-height:1.5}.dark .sb-welcome-step small{color:#94a3b8}.sb-welcome-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sb-welcome-actions>span{color:#64748b;font-size:.85rem}@media (width<=640px){.sb-welcome-steps{grid-template-columns:1fr}}.dark .sb-step-card{background:#111827;border-color:#1e293b}.sb-step-intro{margin-bottom:2rem}.sb-step-intro.text-center{text-align:center}.sb-step-intro h1{letter-spacing:-.03em;margin:.5rem 0 .25rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:900}.sb-step-intro h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.sb-step-intro p{color:#64748b;max-width:600px;margin:0;font-size:1rem}.dark .sb-step-intro p{color:#94a3b8}.sb-step-intro.text-center p{margin-left:auto;margin-right:auto}.sb-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:9999px;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.sb-grid-options{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.sb-option-card{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.sb-option-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.dark .sb-option-card{color:inherit;background:#1e293b;border-color:#334155}.dark .sb-option-card:hover{border-color:#475569}.sb-option-card.active{border-color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 6%, transparent)}.sb-option-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.sb-option-content{flex:1}.sb-option-title{margin-bottom:.2rem;font-size:1rem;font-weight:800;display:block}.sb-option-desc{color:#64748b;font-size:.78rem;line-height:1.4;display:block}.dark .sb-option-desc{color:#94a3b8}.sb-radio-indicator{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .2s}.dark .sb-radio-indicator{border-color:#475569}.sb-option-card.active .sb-radio-indicator{border-color:var(--color-primary,#6366f1);background:var(--color-primary,#6366f1);box-shadow:inset 0 0 0 3px #fff}.dark .sb-option-card.active .sb-radio-indicator{box-shadow:inset 0 0 0 3px #111827}.sb-grid-styles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.sb-style-card{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.sb-style-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.dark .sb-style-card{color:inherit;background:#1e293b;border-color:#334155}.sb-style-card.active{border-color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 6%, transparent)}.sb-style-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.sb-style-header h3{margin:0;font-size:1.1rem;font-weight:800}.sb-style-card p{color:#64748b;flex:1;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.dark .sb-style-card p{color:#94a3b8}.sb-style-preview-tag{color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:6px;padding:.35rem .6rem;font-size:.72rem;font-weight:700}.sb-radio-circle{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.dark .sb-radio-circle{border-color:#475569}.sb-style-card.active .sb-radio-circle,.sb-appearance-card.active .sb-radio-circle{border-color:var(--color-primary,#6366f1)}.sb-radio-circle span{background:var(--color-primary,#6366f1);border-radius:50%;width:8px;height:8px}.sb-grid-appearance{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.sb-appearance-card{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.sb-appearance-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.dark .sb-appearance-card{color:inherit;background:#1e293b;border-color:#334155}.sb-appearance-card.active{border-color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 6%, transparent)}.sb-appearance-preview-box{border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:.35rem;height:100px;margin-bottom:1rem;padding:.5rem;display:flex;overflow:hidden}.sb-appearance-preview-box.light{background:#fff}.sb-appearance-preview-box.dark{background:#0f172a;border-color:#334155}.sb-appearance-preview-box.system{background:linear-gradient(90deg,#fff 50%,#0f172a 50%);border-color:#94a3b8}.sb-mock-header{background:#00000014;border-radius:4px;height:12px}.sb-appearance-preview-box.dark .sb-mock-header{background:#ffffff1f}.sb-mock-body{flex:1;gap:.35rem;display:flex}.sb-mock-sidebar{background:#0000000f;border-radius:4px;width:25%}.sb-appearance-preview-box.dark .sb-mock-sidebar{background:#ffffff14}.sb-mock-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.sb-mock-card{background:#0000000a;border-radius:4px;flex:1}.sb-appearance-preview-box.dark .sb-mock-card{background:#ffffff0f}.sb-appearance-label{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;display:flex}.sb-appearance-sub{color:#64748b;font-size:.8rem}.dark .sb-appearance-sub{color:#94a3b8}.sb-brand-form-grid{grid-template-columns:1fr 340px;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=768px){.sb-brand-form-grid{grid-template-columns:1fr}}.sb-brand-fields{flex-direction:column;gap:1.25rem;display:flex}.sb-input-group label{margin-bottom:.45rem;font-size:.85rem;font-weight:700;display:block}.sb-text-input,.sb-select-input{width:100%;color:inherit;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.dark .sb-text-input,.dark .sb-select-input{background:#1e293b;border-color:#334155}.sb-text-input:focus,.sb-select-input:focus{border-color:var(--color-primary,#6366f1);outline:none}.sb-icon-picker{flex-wrap:wrap;gap:.5rem;display:flex}.sb-icon-btn{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .15s;display:flex}.dark .sb-icon-btn{background:#1e293b;border-color:#334155}.sb-icon-btn:hover{transform:translateY(-2px)}.sb-icon-btn.active{border-color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 15%, transparent)}.sb-color-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.sb-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .15s}.sb-color-swatch:hover{transform:scale(1.15)}.sb-color-swatch.active{border-color:#0f172a;transform:scale(1.15)}.dark .sb-color-swatch.active{border-color:#fff}.sb-live-brand-preview{flex-direction:column;gap:.75rem;display:flex}.sb-preview-header{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.8rem;font-weight:800}.sb-preview-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.dark .sb-preview-card{background:#1e293b;border-color:#334155}.sb-preview-top{align-items:center;gap:.85rem;display:flex}.sb-preview-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.sb-preview-mock-action{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.dark .sb-preview-mock-action{border-top-color:#334155}.sb-progress-wrap{align-items:center;gap:1rem;max-width:500px;margin:2rem auto;display:flex}.sb-progress-bar{background:#e2e8f0;border-radius:9999px;flex:1;height:10px;overflow:hidden}.dark .sb-progress-bar{background:#1e293b}.sb-progress-fill{border-radius:9999px;height:100%;transition:width .4s ease-out}.sb-progress-label{min-width:40px;font-size:.9rem;font-weight:800}.sb-generated-summary{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.dark .sb-generated-summary{border-top-color:#1e293b}.sb-summary-badge-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.sb-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.dark .sb-summary-item{background:#1e293b;border-color:#334155}.sb-summary-item span{text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:700}.dark .sb-summary-item span{color:#94a3b8}.sb-launch-actions{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.sb-btn-large{border-radius:10px!important;padding:1rem 2.5rem!important;font-size:1.15rem!important}.sb-launch-sub-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.sb-action-bar{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.dark .sb-action-bar{border-top-color:#1e293b}.sb-selection-summary{color:#64748b;font-size:.9rem}.dark .sb-selection-summary{color:#94a3b8}.sb-btn-primary{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.sb-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.sb-btn-outline{color:inherit;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.dark .sb-btn-outline{border-color:#334155}.sb-btn-outline:hover{background:#0000000d}.dark .sb-btn-outline:hover{background:#ffffff0d}.sb-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.sb-btn-ghost:hover{color:#0f172a}.dark .sb-btn-ghost:hover{color:#f1f5f9}.animate-fade-in{animation:.25s ease-out sbFadeIn}.animate-scale-up{animation:.35s cubic-bezier(.16,1,.3,1) sbScaleUp}@keyframes sbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sbScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.de-page{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.dark .de-page{color:#f1f5f9;background:#080d17}.de-portal-nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #00000014;width:100%;transition:all .2s;position:sticky;top:0}.dark .de-portal-nav{background:#070b14e0;border-bottom-color:#ffffff14}.de-portal-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1320px;margin:0 auto;padding:.7rem 1.5rem;display:flex}.de-portal-brand{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.de-portal-logo{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.de-logo-bolt{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex;box-shadow:0 4px 10px #6366f159}.de-logo-title{color:#0f172a;letter-spacing:-.03em;white-space:nowrap;font-size:1.2rem;font-weight:800}.dark .de-logo-title{color:#fff}.de-logo-title .de-accent{color:#6366f1}.de-nav-active-portal{color:#6366f1;white-space:nowrap;letter-spacing:.01em;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;padding:.18rem .5rem;font-size:.7rem;font-weight:700}.de-nav-links{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.de-nav-link{color:#64748b;white-space:nowrap;letter-spacing:-.01em;border-radius:.5rem;align-items:center;gap:.3rem;padding:.42rem .65rem;font-size:.84rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex;position:relative;text-decoration:none!important}.de-nav-link:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:99px;width:70%;height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)scaleX(0)}.de-nav-link:hover,.de-nav-link:focus,.de-nav-link:active,.de-nav-link:visited{color:#0f172a;background:#0000000d;outline:none;text-decoration:none!important}.de-nav-link:hover:after{transform:translate(-50%)scaleX(1)}.de-nav-link[aria-current=page],.de-nav-link.active{color:#4f46e5;background:#6366f114;text-decoration:none!important}.de-nav-link[aria-current=page]:after,.de-nav-link.active:after{transform:translate(-50%)scaleX(1)}.dark .de-nav-link{color:#94a3b8;text-decoration:none!important}.dark .de-nav-link:hover,.dark .de-nav-link:focus,.dark .de-nav-link:active,.dark .de-nav-link:visited{color:#fff;background:#ffffff0f;text-decoration:none!important}.dark .de-nav-link[aria-current=page],.dark .de-nav-link.active{color:#818cf8;background:#818cf81a}.de-link-hot{border:1px solid #6366f133;font-weight:600;color:#4f46e5!important;background:#6366f11a!important;text-decoration:none!important}.de-link-hot:before{content:"";background:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:.3rem;animation:2s ease-in-out infinite de-hot-pulse;display:inline-block}@keyframes de-hot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.de-link-hot:hover,.de-link-hot:visited,.de-link-hot:active{background:#6366f129!important;text-decoration:none!important}.dark .de-link-hot{border-color:#818cf840;color:#818cf8!important;background:#6366f11f!important}.dark .de-link-hot:hover{background:#6366f133!important}.de-portal-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.de-portal-btn{white-space:nowrap;border-radius:.55rem;justify-content:center;align-items:center;padding:.44rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.de-portal-btn.secondary{color:#334155;background:#0000000a;border:1px solid #0000001a}.de-portal-btn.secondary:hover{color:#0f172a;background:#00000014}.dark .de-portal-btn.secondary{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1f}.dark .de-portal-btn.secondary:hover{color:#fff;background:#ffffff1f}.de-portal-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #4f46e559}.de-portal-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e573}@media (width<=1100px){.de-nav-links{display:none}}@media (width<=1200px){.de-nav-link:not(.de-link-hot){padding:.38rem .5rem;font-size:.79rem}}@media (width<=640px){.de-portal-btn.secondary{display:none}}.de-hero{background:radial-gradient(80% 60% at 50% -20%,#6366f126,#0000 70%),radial-gradient(circle at 90% 20%,#06b6d41f,#0000 45%),radial-gradient(circle at 10% 80%,#f43f5e14,#0000 45%),linear-gradient(#fff 0%,#f8fafc 100%);padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,4vw,3.5rem) clamp(3.5rem,6vw,5.5rem);position:relative;overflow:hidden}.dark .de-hero{background:radial-gradient(80% 60% at 50% -20%,#6366f138,#0000 70%),radial-gradient(circle at 85% 25%,#06b6d426,#0000 50%),radial-gradient(circle at 10% 85%,#ef83541a,#0000 50%),linear-gradient(#070b14 0%,#0c1222 100%)}.de-hero-ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.de-ambient-orb{filter:blur(80px);opacity:.6;border-radius:50%;position:absolute}.de-orb-1{background:radial-gradient(circle,#6366f1,#a855f7);width:450px;height:450px;top:-150px;left:20%}.de-orb-2{background:radial-gradient(circle,#06b6d4,#3b82f6);width:380px;height:380px;top:15%;right:-50px}.de-orb-3{background:radial-gradient(circle,#f97316,#ec4899);width:320px;height:320px;bottom:-50px;left:5%}.dark .de-ambient-orb{opacity:.35;filter:blur(100px)}.de-ambient-grid{background-image:linear-gradient(90deg,#6366f10a 1px,#0000 1px),linear-gradient(#6366f10a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000)}.dark .de-ambient-grid{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px)}.de-hero-inner{z-index:1;max-width:1280px;margin:0 auto;position:relative}.de-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,4.5vw,4.5rem);display:grid}@media (width<=1080px){.de-hero-grid{grid-template-columns:1fr;gap:3.5rem}}.de-hero-content{flex-direction:column;display:flex}.de-eyebrow-badge{-webkit-backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #6366f140;border-radius:9999px;align-items:center;gap:.6rem;width:fit-content;margin-bottom:1.5rem;padding:.4rem .95rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f11f}.dark .de-eyebrow-badge{background:#0f172abf;border-color:#6366f166;box-shadow:0 4px 16px #00000059}.de-eyebrow-badge:hover{border-color:#6366f180;transform:translateY(-1px)}.de-badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 10px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.de-badge-text{letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;font-size:.78rem;font-weight:800}.dark .de-badge-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text}.de-hero-headline{letter-spacing:-.04em;color:#090d16;margin:0 0 1.25rem;font-size:clamp(2.75rem,5.5vw,4.75rem);font-weight:900;line-height:1.06}.dark .de-hero-headline{color:#f8fafc}.de-gradient-text{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px #4f46e533);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 30%,#06b6d4 70%,#059669 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}.dark .de-gradient-text{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 20px #6366f166);background:linear-gradient(135deg,#818cf8 0%,#c084fc 30%,#22d3ee 70%,#34d399 100%);-webkit-background-clip:text;background-clip:text}.de-hero-sub{color:#475569;max-width:580px;margin:0 0 2rem;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7}.dark .de-hero-sub{color:#94a3b8}.de-hero-sub strong{color:#0f172a;font-weight:700}.dark .de-hero-sub strong{color:#e2e8f0}.de-hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.75rem;display:flex}.de-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#7c3aed 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 25px -4px #4f46e56b,0 4px 10px -2px #4f46e540;text-decoration:none!important}.de-btn-primary:hover,.de-btn-primary:focus,.de-btn-primary:active,.de-btn-primary:visited{color:#fff;outline:none;text-decoration:none!important}.de-btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 30px -4px #4f46e58c,0 6px 14px -2px #4f46e559}.de-btn-arrow{font-size:1.1rem;transition:transform .2s}.de-btn-primary:hover .de-btn-arrow{transform:translate(3px)}.de-btn-secondary{-webkit-backdrop-filter:blur(10px);color:#3730a3;background:#ffffffd9;border:1.5px solid #6366f14d;border-radius:10px;align-items:center;gap:.55rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0f172a0a;text-decoration:none!important}.dark .de-btn-secondary{color:#c7d2fe;background:#1e293bb3;border-color:#6366f166}.de-btn-secondary:hover,.de-btn-secondary:focus,.de-btn-secondary:active,.de-btn-secondary:visited{outline:none;text-decoration:none!important}.de-btn-secondary:hover{color:#4f46e5;background:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 20px #6366f129}.dark .de-btn-secondary:hover{color:#fff;background:#334155e6;border-color:#818cf8}.de-btn-ghost{color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;padding:.85rem 1.35rem;font-size:.92rem;font-weight:700;transition:all .2s;text-decoration:none!important}.dark .de-btn-ghost{color:#94a3b8;border-color:#334155}.de-btn-ghost:hover,.de-btn-ghost:focus,.de-btn-ghost:active,.de-btn-ghost:visited{outline:none;text-decoration:none!important}.de-btn-ghost:hover{color:#0f172a;background:#fff9;border-color:#94a3b8}.dark .de-btn-ghost:hover{color:#f1f5f9;background:#1e293b80;border-color:#64748b}.de-trust-chips{flex-wrap:wrap;gap:.65rem;margin-bottom:2rem;display:flex}.de-trust-chip{color:#475569;background:#f1f5f9cc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.dark .de-trust-chip{color:#94a3b8;background:#0f172a99;border-color:#1e293b}.de-engines-selector{flex-direction:column;gap:.75rem;display:flex}.de-engines-label{letter-spacing:.1em;color:#94a3b8;align-items:center;gap:.75rem;font-size:.72rem;font-weight:800;display:flex}.de-engines-line{background:#e2e8f0;flex:1;height:1px}.dark .de-engines-line{background:#1e293b}.de-preset-pills{flex-wrap:wrap;gap:.5rem;display:flex}.de-preset-pill{color:var(--pill-color,#6366f1);border:1px solid color-mix(in srgb, var(--pill-color,#6366f1) 25%, transparent);background:color-mix(in srgb, var(--pill-color,#6366f1) 8%, #ffffffb3);box-shadow:0 2px 8px color-mix(in srgb, var(--pill-color,#6366f1) 10%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;text-decoration:none!important}.dark .de-preset-pill{background:color-mix(in srgb, var(--pill-color,#6366f1) 12%, #0f172acc);border-color:color-mix(in srgb, var(--pill-color,#6366f1) 35%, transparent)}.de-preset-pill:hover,.de-preset-pill:focus,.de-preset-pill:active,.de-preset-pill:visited{outline:none;text-decoration:none!important}.de-preset-pill:hover{border-color:var(--pill-color,#6366f1);background:color-mix(in srgb, var(--pill-color,#6366f1) 16%, #ffffffe6);box-shadow:0 6px 16px color-mix(in srgb, var(--pill-color,#6366f1) 25%, transparent);transform:translateY(-2px)}.de-hero-showcase{width:100%;position:relative}.de-window-frame{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 65px -12px #0f172a24,0 8px 24px -4px #4f46e514,inset 0 0 0 1px #fffc}.dark .de-window-frame{background:#0f172acc;border-color:#ffffff14;box-shadow:0 25px 70px -10px #0009,0 8px 30px -4px #6366f126,inset 0 0 0 1px #ffffff0d}.de-window-header{background:#f8fafccc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.dark .de-window-header{background:#1e293b99;border-bottom-color:#ffffff0f}.de-window-controls{gap:6px;display:flex}.de-win-dot{border-radius:50%;width:10px;height:10px}.de-dot-close{background:#ef4444}.de-dot-min{background:#f59e0b}.de-dot-max{background:#10b981}.de-window-address{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-family:monospace;font-size:.72rem;display:flex}.dark .de-window-address{color:#94a3b8;background:#0f172a;border-color:#334155}.de-window-status{color:#059669;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.dark .de-window-status{color:#34d399}.de-status-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.de-shape-tabs{scrollbar-width:none;background:#f1f5f9cc;border-bottom:1px solid #e2e8f0;gap:2px;padding:.55rem .75rem;display:flex;overflow-x:auto}.de-shape-tabs::-webkit-scrollbar{display:none}.dark .de-shape-tabs{background:#0a101eb3;border-bottom-color:#ffffff0f}.de-shape-tab{letter-spacing:.01em;color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;outline:none;padding:.38rem .9rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;position:relative}.de-shape-tab:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:99px;width:60%;height:2px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)scaleX(0)}.dark .de-shape-tab{color:#64748b}.de-shape-tab:hover{color:#1e293b;background:#ffffffe6}.dark .de-shape-tab:hover{color:#cbd5e1;background:#ffffff0f}.de-shape-tab:focus-visible{box-shadow:0 0 0 2px #6366f166}.de-shape-tab.active{color:#4f46e5;background:#fff;font-weight:700;box-shadow:0 1px 4px #0f172a14,0 0 0 1px #6366f126}.de-shape-tab.active:after{transform:translate(-50%)scaleX(1)}.dark .de-shape-tab.active{color:#818cf8;background:#1e293b;box-shadow:0 1px 4px #0000004d,0 0 0 1px #818cf833}.de-shape-canvas{flex-direction:column;min-height:380px;padding:1.5rem;display:flex}.de-canvas-view{flex-direction:column;gap:1.15rem;animation:.25s ease-out fadeInCanvas;display:flex}@keyframes fadeInCanvas{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.de-canvas-header{justify-content:space-between;align-items:flex-start;display:flex}.de-canvas-eyebrow{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.de-canvas-header h4{color:#0f172a;margin:.15rem 0 0;font-size:1.15rem;font-weight:800}.dark .de-canvas-header h4{color:#f1f5f9}.de-canvas-header h4 span{color:#ef8354}.de-tag-active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.dark .de-tag-active{color:#34d399;background:#064e3b66;border-color:#34d3994d}.de-tag-model{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.dark .de-tag-model{color:#c4b5fd;background:#6d28d94d;border-color:#c4b5fd4d}.de-mini-metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.de-mini-metric{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.2rem;padding:.85rem;display:flex}.dark .de-mini-metric{background:#111827;border-color:#1e293b}.de-mini-metric.accent-coral{border-left:3px solid #ef8354}.de-mini-metric.accent-blue{border-left:3px solid #3b82f6}.de-mini-metric.accent-teal{border-left:3px solid #0d9488}.de-mini-metric span{color:#64748b;font-size:.72rem;font-weight:600}.dark .de-mini-metric span{color:#94a3b8}.de-mini-metric strong{color:#0f172a;font-size:1.05rem;font-weight:800}.dark .de-mini-metric strong{color:#f8fafc}.de-interactive-tasks{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.dark .de-interactive-tasks{background:#111827;border-color:#1e293b}.de-tasks-title{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.2rem;font-size:.72rem;font-weight:800}.de-mini-task{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:6px;align-items:center;gap:.65rem;padding:.45rem .6rem;transition:all .15s;display:flex}.dark .de-mini-task{background:#1e293b}.de-mini-task:hover{background:#f1f5f9}.dark .de-mini-task:hover{background:#334155}.de-task-check{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;place-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;transition:all .15s;display:grid}.dark .de-task-check{background:#0f172a;border-color:#475569}.de-mini-task.completed .de-task-check{background:#10b981;border-color:#10b981}.de-task-label{color:#1e293b;flex:1;font-size:.82rem;font-weight:600}.dark .de-task-label{color:#e2e8f0}.de-mini-task.completed .de-task-label{color:#94a3b8;text-decoration:line-through}.de-task-badge{border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.de-task-badge.high{color:#ef4444;background:#fef2f2}.de-task-badge.medium{color:#f59e0b;background:#fffbeb}.de-task-badge.urgent{color:#db2777;background:#fdf2f8}.dark .de-task-badge.high{color:#f87171;background:#ef444433}.dark .de-task-badge.medium{color:#fbbf24;background:#f59e0b33}.dark .de-task-badge.urgent{color:#f472b6;background:#db277733}.de-mrr-display{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.15rem}.dark .de-mrr-display{background:#111827;border-color:#1e293b}.de-mrr-amount{color:#4f46e5;margin-bottom:.75rem;font-size:1.85rem;font-weight:900}.dark .de-mrr-amount{color:#818cf8}.de-mrr-amount span{color:#64748b;font-size:.95rem;font-weight:600}.de-mrr-bar{background:#f1f5f9;border-radius:9999px;height:8px;overflow:hidden}.dark .de-mrr-bar{background:#1e293b}.de-mrr-bar span{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:9999px;height:100%;display:block}.de-saas-tiers-preview{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.de-mini-tier{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem}.dark .de-mini-tier{background:#111827;border-color:#1e293b}.de-mini-tier.active{background:#6366f10a;border-color:#6366f1}.tier-head{justify-content:space-between;margin-bottom:.35rem;font-size:.82rem;display:flex}.de-mini-tier p{color:#64748b;margin:0;font-size:.72rem}.dark .de-mini-tier p{color:#94a3b8}.de-ai-prompt-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dark .de-ai-prompt-box{background:#111827;border-color:#1e293b}.de-prompt-bar{color:#475569;font-size:.82rem;font-style:italic}.dark .de-prompt-bar{color:#cbd5e1}.de-ai-chips{gap:.4rem;display:flex}.ai-chip{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.dark .ai-chip{color:#94a3b8;background:#1e293b}.ai-chip.active{color:#7c3aed;background:#f5f3ff}.de-ai-tokens-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem}.dark .de-ai-tokens-bar{background:#111827;border-color:#1e293b}.de-token-meta{justify-content:space-between;margin-bottom:.45rem;font-size:.75rem;display:flex}.de-token-track{background:#f1f5f9;border-radius:9999px;height:6px;overflow:hidden}.dark .de-token-track{background:#1e293b}.de-token-track span{background:linear-gradient(90deg,#8b5cf6,#ec4899);height:100%;display:block}.de-mini-kanban{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.de-kanban-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.4rem;padding:.65rem;display:flex}.dark .de-kanban-col{background:#111827;border-color:#1e293b}.de-kanban-col.active-col{background:#6366f10a;border-color:#818cf8}.col-header{color:#64748b;justify-content:space-between;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:flex}.de-col-card{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.45rem .55rem;font-size:.72rem;font-weight:600}.dark .de-col-card{color:#f1f5f9;background:#1e293b;border-color:#334155}.de-col-card.glow{border-left:2.5px solid #6366f1}.de-col-card.done{border-left:2.5px solid #10b981}.de-crm-stages{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.crm-stage{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.dark .crm-stage{background:#111827;border-color:#1e293b}.crm-stage.active{background:#0d94880d;border-color:#0d9488}.crm-stage span{color:#64748b;font-size:.7rem}.crm-stage strong{color:#0f172a;font-size:.95rem;font-weight:800}.dark .crm-stage strong{color:#f8fafc}.de-crm-leads{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem}.dark .de-crm-leads{background:#111827;border-color:#1e293b}.de-lead-item{align-items:center;gap:.75rem;display:flex}.lead-avatar{color:#fff;background:#0d9488;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:grid}.lead-copy{flex-direction:column;flex:1;display:flex}.lead-copy strong{color:#0f172a;font-size:.82rem}.dark .lead-copy strong{color:#f8fafc}.lead-copy span{color:#64748b;font-size:.72rem}.dark .lead-copy span{color:#94a3b8}.de-lead-tag.high{color:#ef4444;background:#fef2f2;border-radius:9999px;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.de-canvas-footer{margin-top:auto;padding-top:1rem}.de-canvas-action{color:#4f46e5;align-items:center;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.dark .de-canvas-action{color:#818cf8}.de-canvas-action:hover{text-decoration:underline;transform:translate(3px)}.de-floating-badge{-webkit-backdrop-filter:blur(12px);z-index:5;pointer-events:none;background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:12px;align-items:center;gap:.65rem;padding:.65rem .95rem;display:flex;position:absolute;box-shadow:0 12px 28px #0f172a1f}.dark .de-floating-badge{background:#1e293be0;border-color:#ffffff14;box-shadow:0 14px 32px #00000073}.badge-top-right{animation:4s ease-in-out infinite floatBadge1;top:-18px;right:-18px}.badge-bottom-left{animation:4.5s ease-in-out .5s infinite floatBadge2;bottom:-18px;left:-18px}@media (width<=640px){.de-floating-badge{display:none}}@keyframes floatBadge1{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatBadge2{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.badge-icon{font-size:1.25rem}.de-floating-badge strong{color:#0f172a;font-size:.8rem;font-weight:800;display:block}.dark .de-floating-badge strong{color:#f8fafc}.de-floating-badge small{color:#64748b;font-size:.68rem;display:block}.dark .de-floating-badge small{color:#94a3b8}.de-stats-bar{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:0;display:flex}.dark .de-stats-bar{background:#0f172a;border-color:#1e293b}.de-stat{border-right:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 2.5rem;display:flex}.dark .de-stat{border-right-color:#1e293b}.de-stat:last-child{border-right:none}.de-stat strong{color:var(--color-primary,#6366f1);font-size:1.75rem;font-weight:900;line-height:1}.de-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.dark .de-stat span{color:#94a3b8}.de-explorer{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.de-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.de-explorer-card{min-height:154px;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.9rem;padding:1.25rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.de-explorer-card:hover{border-color:var(--color-primary,#6366f1);transform:translateY(-3px);box-shadow:0 10px 28px #0f172a14}.dark .de-explorer-card{background:#111827;border-color:#1e293b}.de-explorer-icon{background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);width:2.5rem;height:2.5rem;color:var(--color-primary,#6366f1);border-radius:9px;flex:0 0 2.5rem;place-items:center;font-size:1.25rem;display:grid}.de-explorer-card h3{margin:0 0 .35rem;font-size:1rem}.de-explorer-card p{color:#64748b;margin:0 0 .75rem;font-size:.85rem;line-height:1.55}.dark .de-explorer-card p{color:#94a3b8}.de-section{max-width:1200px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,4vw,3rem)}.de-section-alt{background:#fff;max-width:100%;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,5rem)}.dark .de-section-alt{background:#0b1120}.de-section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.de-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary,#6366f1);margin-bottom:.75rem;font-size:.75rem;font-weight:800}.de-section-title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800}.de-section-sub{color:#64748b;max-width:680px;margin:0 0 2.5rem;font-size:1.05rem;line-height:1.7}.dark .de-section-sub{color:#94a3b8}.de-tiers-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.de-tier-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.75rem;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #0000000a}.de-tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000017}.dark .de-tier-card{background:#111827;border-color:#1e293b}.de-tier-top{justify-content:space-between;align-items:center;display:flex}.de-tier-icon{font-size:2rem}.de-tier-badge{border-radius:9999px;padding:.25rem .6rem;font-size:.72rem;font-weight:800}.de-tier-name{margin:0;font-size:1.5rem;font-weight:800}.de-tier-desc{color:#64748b;flex:1;margin:0;font-size:.9rem;line-height:1.6}.dark .de-tier-desc{color:#94a3b8}.de-tier-flow{background:#f8fafc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.75rem;font-size:.8rem;display:flex}.dark .de-tier-flow{background:#1e293b}.de-flow-step{color:#475569;font-weight:700}.dark .de-flow-step{color:#94a3b8}.de-flow-arrow{color:#94a3b8;font-size:.75rem}.de-tier-cta{text-align:center;color:#fff;border-radius:8px;padding:.75rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:block}.de-tier-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.de-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.de-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.75rem;transition:transform .2s,border-color .2s;display:flex}.de-feature-card:hover{border-color:var(--color-primary,#6366f1);transform:translateY(-3px)}.dark .de-feature-card{background:#111827;border-color:#1e293b}.de-feature-icon{margin-bottom:.25rem;font-size:2rem}.de-feature-card h3{margin:0;font-size:1.1rem;font-weight:800}.de-feature-card p{color:#64748b;flex:1;margin:0;font-size:.875rem;line-height:1.6}.dark .de-feature-card p{color:#94a3b8}.de-feature-link{color:var(--color-primary,#6366f1);margin-top:.5rem;font-size:.85rem;font-weight:700;text-decoration:none}.de-feature-link:hover{text-decoration:underline}.de-apps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.de-app-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.de-app-card:hover{border-color:var(--color-primary,#6366f1);transform:translate(4px)}.dark .de-app-card{background:#111827;border-color:#1e293b}.de-app-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.4rem;display:flex}.de-app-info{flex:1}.de-app-info strong{margin-bottom:.35rem;font-weight:800;display:block}.de-app-pages{flex-wrap:wrap;gap:.35rem;display:flex}.de-app-pages span{color:#475569;background:#f1f5f9;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.dark .de-app-pages span{color:#94a3b8;background:#1e293b}.de-app-arrow{color:var(--color-primary,#6366f1);flex-shrink:0;font-size:1.25rem}.de-cta-banner{background:linear-gradient(135deg, var(--color-primary,#6366f1) 0%, #8b5cf6 100%);text-align:center;color:#fff;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,5rem)}.de-cta-banner h2{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900}.de-cta-banner p{color:#fffc;margin:0 0 2rem;font-size:1.05rem}.de-cta-banner .de-btn-primary{color:var(--color-primary,#6366f1);background:#fff}.de-cta-banner .de-btn-secondary{color:#fff;border-color:#fff9}.de-inner-hero{max-width:1200px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,4vw,3rem) 2rem}.de-inner-hero h1{letter-spacing:-.03em;margin:.5rem 0 .75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.de-inner-hero p{color:#64748b;max-width:680px;margin:0;font-size:1.05rem;line-height:1.7}.dark .de-inner-hero p{color:#94a3b8}.de-filter-bar{flex-wrap:wrap;gap:.5rem;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem) 2rem;display:flex}.de-filter-btn{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:9999px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.dark .de-filter-btn{color:#94a3b8;border-color:#334155}.de-filter-btn:hover{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}.de-filter-btn.active{background:var(--color-primary,#6366f1);border-color:var(--color-primary,#6366f1);color:#fff}.de-template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem) 4rem;display:grid}.de-template-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.de-template-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.dark .de-template-card{background:#111827;border-color:#1e293b}.de-template-swatch{justify-content:center;align-items:center;height:100px;display:flex}.de-template-emoji{font-size:2.5rem}.de-template-body{padding:1.25rem}.de-template-body strong{margin-bottom:.35rem;font-size:1rem;font-weight:800;display:block}.de-template-body p{color:#64748b;margin:0 0 .85rem;font-size:.85rem;line-height:1.5}.dark .de-template-body p{color:#94a3b8}.de-template-colors{align-items:center;gap:.5rem;display:flex}.de-template-colors>span:not(.de-template-preview-link){border-radius:50%;flex-shrink:0;width:18px;height:18px;display:block}.de-template-preview-link{color:var(--color-primary,#6366f1);margin-left:auto;font-size:.8rem;font-weight:700}.de-apps-stats{flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;display:flex}.de-apps-stats span{color:#64748b;font-size:.9rem}.de-apps-stats strong{color:var(--color-primary,#6366f1)}.dark .de-apps-stats span{color:#94a3b8}.de-fullapp-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem) 4rem;display:grid}.de-fullapp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.de-fullapp-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a}.dark .de-fullapp-card{background:#111827;border-color:#1e293b}.de-fullapp-header{align-items:center;gap:1rem;padding:1.5rem;display:flex}.de-fullapp-icon{font-size:2rem}.de-fullapp-header h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:800}.de-fullapp-header p{color:#64748b;margin:0;font-size:.85rem}.dark .de-fullapp-header p{color:#94a3b8}.de-fullapp-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.de-fullapp-highlights{flex-wrap:wrap;gap:.5rem;display:flex}.de-fullapp-highlights span{border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.de-fullapp-pages{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.de-fullapp-pages span{color:#64748b;padding:.15rem 0;font-size:.78rem}.dark .de-fullapp-pages span{color:#94a3b8}.de-fullapp-cta{text-align:center;color:#fff;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .15s;display:block}.de-fullapp-cta:hover{filter:brightness(1.1)}.de-quickstart-box{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem) 2.5rem}.de-quickstart-box h3{margin:0 0 1rem;font-size:1.1rem;font-weight:800}.de-command-row{flex-wrap:wrap;gap:1rem;display:flex}.de-command{background:#0f172a;border-radius:10px;flex-direction:column;flex:1;gap:.35rem;min-width:180px;padding:1rem 1.25rem;display:flex}.de-command-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.de-command code{color:#38bdf8;font-family:Fira Code,monospace;font-size:.9rem;font-weight:700}.de-doc-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem) 1.5rem;display:grid}.de-doc-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.de-doc-card:hover{border-color:var(--color-primary,#6366f1);transform:translateY(-3px)}.dark .de-doc-card{background:#111827;border-color:#1e293b}.de-doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.de-doc-info{flex:1}.de-doc-info strong{margin-bottom:.35rem;font-weight:800;display:block}.de-doc-info p{color:#64748b;margin:0 0 .5rem;font-size:.85rem}.dark .de-doc-info p{color:#94a3b8}.de-doc-commands{flex-direction:column;gap:.25rem;display:flex}.de-doc-commands code{color:var(--color-primary,#6366f1);font-size:.78rem;font-weight:700}.de-experience-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.de-experience-card:hover{border-color:var(--color-primary,#6366f1);transform:translate(3px)}.dark .de-experience-card{background:#111827;border-color:#1e293b}@media (width<=640px){.de-stats-bar{grid-template-columns:repeat(3,1fr);display:grid}.de-stat{border-bottom:1px solid #e2e8f0;border-right:none;padding:1.25rem}.dark .de-stat{border-bottom-color:#1e293b}.de-hero-headline{font-size:2.5rem}.de-explorer-grid{grid-template-columns:1fr}}@media (width>=641px) and (width<=960px){.de-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-builder-basic-section{color:var(--color-primary-900);background:#fff;padding:3rem 2rem;position:relative}.dark .page-builder-basic-section{color:#f1f5f9;background:#1e293b}.page-builder-basic-section h2{margin:0 0 .5rem}.page-builder-basic-description{color:var(--color-primary-700);margin:0 0 1.5rem}.page-builder-basic-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.page-builder-basic-card{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);background:var(--color-primary-50);padding:1.25rem}.page-builder-basic-card.highlighted{border-color:var(--color-primary-500)}.page-builder-basic-card span,.page-builder-basic-card p{color:var(--color-primary-700);display:block}.page-builder-price,.page-builder-stat-value{margin:.5rem 0;font-size:1.5rem;display:block}.page-builder-timeline{gap:1rem;margin:0;padding-inline-start:1.25rem;display:grid}.page-builder-timeline li{padding-inline-start:.5rem}.page-builder-accordion{gap:.5rem;display:grid}.page-builder-accordion details{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);padding:1rem}.page-builder-accordion summary{cursor:pointer;font-weight:600}.page-builder-edit-button{float:inline-end}.page-builder-basic-section hr{border-width:1px 0 0;margin:0}@media (width<=640px){.page-builder-basic-section{padding:2rem 1rem}}.section-bg-default{background:#fff}.section-bg-primary{background:var(--color-primary-50)}.section-bg-secondary{background:var(--color-secondary-50)}.section-bg-dark{color:#fff;background:#1e293b}.section-padding-none{padding:0}.section-padding-sm{padding:1rem 0}.section-padding-md{padding:2rem 0}.section-padding-lg{padding:4rem 0}.section-padding-xl{padding:6rem 0}.section-edit-button{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);cursor:pointer;z-index:10;box-shadow:var(--shadow-md);background:#fff;padding:.5rem 1rem;font-size:.875rem;position:absolute;top:1rem;right:1rem}.section-edit-button:hover{background:var(--color-primary-50)}.hero-section{align-items:center;min-height:60vh;display:flex;position:relative}.hero-container{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.hero-center .hero-container{text-align:center;grid-template-columns:1fr}.hero-split .hero-container{grid-template-columns:1fr 1fr}.hero-overlap .hero-container{grid-template-columns:1fr 1fr;align-items:flex-end}.hero-subtitle{color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.hero-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-description{color:var(--color-primary-600);margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-center .hero-buttons{justify-content:center}.hero-image img{border-radius:var(--border-radius);width:100%;height:auto}.features-section{position:relative}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem}.features-header{text-align:center;margin-bottom:3rem}.features-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2rem;font-weight:700}.features-description{color:var(--color-primary-600);max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{gap:2rem;display:grid}.features-grid .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.features-list .features-grid{grid-template-columns:1fr;max-width:800px;margin:0 auto}.feature-item{border:1px solid var(--color-primary-200);border-radius:var(--border-radius);background:#fff;padding:2rem;transition:all .2s}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-link{color:var(--color-primary-600);font-size:.875rem;font-weight:500;text-decoration:none}.feature-link:hover{color:var(--color-primary-900)}.cta-section{position:relative}.cta-container{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.cta-center .cta-container{text-align:center;grid-template-columns:1fr}.cta-split .cta-container{grid-template-columns:1fr 1fr}.cta-banner .cta-container{grid-template-columns:1fr}.cta-content{flex:1}.cta-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2rem;font-weight:700}.section-bg-dark .cta-title,.section-bg-primary .cta-title{color:#fff}.cta-description{color:var(--color-primary-600);margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.section-bg-dark .cta-description,.section-bg-primary .cta-description{color:#ffffffe6}.cta-buttons{flex-wrap:wrap;gap:1rem;display:flex}.cta-center .cta-buttons{justify-content:center}.btn-link{text-decoration:none;display:inline-block}.cta-image img{border-radius:var(--border-radius);width:100%;height:auto}.dark .section-bg-default{background:#1e293b}.dark .section-bg-primary{background:#1e3a8a}.dark .section-bg-secondary{background:#3b0764}.dark .hero-title,.dark .features-title,.dark .cta-title{color:#f1f5f9}.dark .hero-description,.dark .features-description,.dark .cta-description{color:#cbd5e1}.dark .feature-item{background:#1e293b;border-color:#334155}@media (width<=768px){.hero-split .hero-container,.hero-overlap .hero-container,.cta-split .cta-container{grid-template-columns:1fr}.hero-title,.features-title,.cta-title{font-size:1.75rem}.hero-description,.features-description,.cta-description{font-size:1rem}.features-grid{grid-template-columns:1fr}}.page-builder{min-height:100vh}.page-builder-demo .demo-header{text-align:center;border-bottom:1px solid var(--color-primary-200);background:#fff;padding:4rem 2rem}.dark .page-builder-demo .demo-header{background:#1e293b;border-color:#334155}.page-builder-demo .demo-header h1{color:var(--color-primary-900);margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.dark .page-builder-demo .demo-header h1{color:#f1f5f9}.page-builder-demo .demo-header p{color:var(--color-primary-600);margin:0 0 2rem;font-size:1.125rem}.dark .page-builder-demo .demo-header p{color:#cbd5e1}.page-builder-header{text-align:center;padding:4rem 2rem 2rem}.page-builder-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:2.5rem;font-weight:700}.dark .page-builder-title{color:#f1f5f9}.page-builder-description{color:var(--color-primary-600);max-width:600px;margin:0 auto;font-size:1.125rem}.dark .page-builder-description{color:#cbd5e1}.page-builder-sections{flex-direction:column;display:flex}.page-builder-actions{z-index:1000;position:fixed;bottom:2rem;right:2rem}.page-builder-add-section{background:var(--color-primary-500);color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);border:none;border-radius:9999px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.page-builder-add-section:hover{background:var(--color-primary-600);box-shadow:var(--shadow-xl);transform:translateY(-2px)}@media (width<=768px){.page-builder-title{font-size:1.75rem}.page-builder-description{font-size:1rem}.page-builder-actions{bottom:1rem;right:1rem}.page-builder-add-section{padding:.75rem 1.5rem;font-size:.875rem}}.page-builder-editor{max-width:100vw;height:100vh;display:flex;overflow:hidden}.editor-sidebar{border-right:1px solid var(--color-primary-200);background:#fff;flex-direction:column;flex-shrink:0;width:320px;display:flex}.dark .editor-sidebar{background:#1e293b;border-color:#334155}.sidebar-header{border-bottom:1px solid var(--color-primary-200);padding:1.5rem}.dark .sidebar-header{border-color:#334155}.sidebar-header h2{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.dark .sidebar-header h2{color:#f1f5f9}.sidebar-actions{gap:.5rem;display:flex}.import-status-banner{background:var(--color-primary-50);border:1px solid var(--color-primary-300);border-radius:var(--border-radius);color:var(--color-primary-800);margin:.5rem 1rem;padding:.5rem 1rem;font-size:.75rem;animation:.2s fadeIn}.dark .import-status-banner{color:#93c5fd;background:#0f172a;border-color:#3b82f6}.sidebar-btn{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius);cursor:pointer;color:var(--color-primary-700);flex:1;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.dark .sidebar-btn{color:#cbd5e1;background:#334155;border-color:#475569}.sidebar-btn:hover{background:var(--color-primary-100)}.dark .sidebar-btn:hover{background:#475569}.section-list{flex:1;padding:1rem;overflow-y:auto}.section-list h3{color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.dark .section-list h3{color:#94a3b8}.section-list-item{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.dark .section-list-item{background:#334155;border-color:#475569}.section-list-item:hover{background:var(--color-primary-100);border-color:var(--color-primary-300)}.dark .section-list-item:hover{background:#475569;border-color:#64748b}.section-list-item.active{background:var(--color-primary-100);border-color:var(--color-primary-500)}.dark .section-list-item.active{border-color:var(--color-primary-500);background:#475569}.section-item-info{align-items:center;gap:.75rem;display:flex}.section-item-number{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.section-item-details{flex-direction:column;gap:.125rem;display:flex}.section-item-type{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .section-item-type{color:#f1f5f9}.section-item-variant{color:var(--color-primary-600);font-size:.75rem}.dark .section-item-variant{color:#94a3b8}.section-item-edit{cursor:pointer;opacity:.6;background:0 0;border:none;padding:.25rem;font-size:1rem;transition:opacity .2s}.section-item-edit:hover{opacity:1}.sidebar-footer{border-top:1px solid var(--color-primary-200);padding:1rem}.dark .sidebar-footer{border-color:#334155}.editor-preview{background:var(--color-primary-50);flex:1;overflow:hidden auto}.dark .editor-preview{background:#0f172a}.section-editor{border-radius:var(--border-radius);box-shadow:var(--shadow-xl);z-index:1000;background:#fff;width:90%;max-width:500px;max-height:90vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dark .section-editor{background:#1e293b}.section-editor-header{border-bottom:1px solid var(--color-primary-200);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dark .section-editor-header{border-color:#334155}.section-editor-header h3{color:var(--color-primary-900);margin:0;font-size:1.25rem;font-weight:600}.dark .section-editor-header h3{color:#f1f5f9}.close-button{cursor:pointer;color:var(--color-primary-600);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.dark .close-button{color:#94a3b8}.close-button:hover{color:var(--color-primary-900)}.dark .close-button:hover{color:#f1f5f9}.section-editor-content{max-height:calc(90vh - 150px);padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-primary-700);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.dark .form-group label{color:#cbd5e1}.form-input{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);width:100%;color:var(--color-primary-900);background:#fff;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.dark .form-input{color:#f1f5f9;background:#1e293b;border-color:#334155}.form-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:var(--color-primary-100);color:var(--color-primary-600);cursor:not-allowed}.dark .form-input:disabled{color:#64748b;background:#334155}.section-editor-footer{border-top:1px solid var(--color-primary-200);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.dark .section-editor-footer{border-color:#334155}.btn{border-radius:var(--border-radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-primary-500);color:#fff}.btn-primary:hover{background:var(--color-primary-600)}.btn-secondary{background:var(--color-primary-100);color:var(--color-primary-700)}.dark .btn-secondary{color:#cbd5e1;background:#334155}.btn-secondary:hover{background:var(--color-primary-200)}.dark .btn-secondary:hover{background:#475569}.btn-block{width:100%}@media (width<=768px){.page-builder-editor{flex-direction:column;height:auto;min-height:100vh}.editor-sidebar{width:100%;max-width:100%;height:auto;max-height:300px}.editor-preview{min-width:0}.section-editor{width:95%}}.crm-landing{min-height:100vh}@media (width<=768px){.landing-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.landing-features{padding:3rem 1rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.landing-stats{padding:3rem 1rem}.stats-grid{grid-template-columns:1fr}.landing-cta{padding:3rem 1rem}.cta-title{font-size:1.5rem}}.crm-dashboard{padding:2rem}.crm-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.quick-actions-section,.recent-activity-section{margin-bottom:2rem}.activity-card{padding:1.5rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:var(--color-primary-50);border-radius:var(--border-radius);align-items:center;gap:1rem;padding:1rem;display:flex}.dark .activity-item{background:#334155}.activity-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.dark .activity-icon{background:#1e293b}.activity-details{flex:1}.activity-title{color:var(--color-primary-900);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.dark .activity-title{color:#f1f5f9}.activity-time{color:var(--color-primary-600);font-size:.75rem}.dark .activity-time{color:#94a3b8}@media (width<=768px){.crm-dashboard{padding:1rem}.dashboard-title{font-size:1.5rem}.crm-stats,.quick-actions-grid{grid-template-columns:1fr}}.crm-contacts{padding:2rem}.contacts-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.contacts-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .contacts-title{color:#f1f5f9}.contacts-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.contact-card{padding:1.5rem;transition:transform .2s}.contact-card:hover{transform:translateY(-2px)}.contact-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.contact-avatar{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1.5rem;font-weight:600;display:flex}.contact-info{flex:1}.contact-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.contact-company{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .contact-company{color:#94a3b8}.contact-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.contact-status-active{color:#065f46;background:#ecfdf5}.dark .contact-status-active{color:#d1fae5;background:#064e3b}.contact-status-lead{color:#1e40af;background:#dbeafe}.dark .contact-status-lead{color:#dbeafe;background:#1e3a8a}.contact-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.contact-detail{justify-content:space-between;font-size:.875rem;display:flex}.contact-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-contacts{padding:1rem}.contacts-header{flex-direction:column;align-items:stretch;gap:1rem}.contacts-list{grid-template-columns:1fr}.contact-actions{flex-direction:column}.contact-actions button{width:100%}}.crm-companies{padding:2rem}.companies-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.companies-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .companies-title{color:#f1f5f9}.companies-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.company-card{padding:1.5rem;transition:transform .2s}.company-card:hover{transform:translateY(-2px)}.company-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.company-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .company-name{color:#f1f5f9}.company-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.company-status-active{color:#065f46;background:#ecfdf5}.dark .company-status-active{color:#d1fae5;background:#064e3b}.company-status-prospect{color:#1e40af;background:#dbeafe}.dark .company-status-prospect{color:#dbeafe;background:#1e3a8a}.company-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.company-detail{justify-content:space-between;font-size:.875rem;display:flex}.company-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-companies{padding:1rem}.companies-header{flex-direction:column;align-items:stretch;gap:1rem}.companies-grid{grid-template-columns:1fr}.company-actions{flex-direction:column}.company-actions button{width:100%}}.crm-leads{padding:2rem}.leads-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.leads-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .leads-title{color:#f1f5f9}.leads-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.lead-card{padding:1.5rem;transition:transform .2s}.lead-card:hover{transform:translateY(-2px)}.lead-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.lead-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .lead-name{color:#f1f5f9}.lead-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.lead-status-new{color:#1e40af;background:#dbeafe}.dark .lead-status-new{color:#dbeafe;background:#1e3a8a}.lead-status-contacted{color:#92400e;background:#fef3c7}.dark .lead-status-contacted{color:#fef3c7;background:#78350f}.lead-status-qualified{color:#065f46;background:#ecfdf5}.dark .lead-status-qualified{color:#d1fae5;background:#064e3b}.lead-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.lead-detail{justify-content:space-between;font-size:.875rem;display:flex}.lead-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-leads{padding:1rem}.leads-header{flex-direction:column;align-items:stretch;gap:1rem}.leads-list{grid-template-columns:1fr}.lead-actions{flex-direction:column}.lead-actions button{width:100%}}.crm-deals{padding:2rem}.deals-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.deals-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .deals-title{color:#f1f5f9}.deals-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.deal-card{padding:1.5rem;transition:transform .2s}.deal-card:hover{transform:translateY(-2px)}.deal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.deal-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .deal-name{color:#f1f5f9}.deal-value{color:#10b981;margin:0;font-size:1.25rem;font-weight:700}.dark .deal-value{color:#34d399}.deal-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.deal-detail{justify-content:space-between;font-size:.875rem;display:flex}.deal-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-deals{padding:1rem}.deals-header{flex-direction:column;align-items:stretch;gap:1rem}.deals-list{grid-template-columns:1fr}.deal-actions{flex-direction:column}.deal-actions button{width:100%}}.crm-pipeline{padding:2rem}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.pipeline-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .pipeline-title{color:#f1f5f9}.pipeline-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.pipeline-stage{background:var(--color-primary-50);border-radius:var(--border-radius);padding:1.5rem}.dark .pipeline-stage{background:#334155}.stage-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stage-name{color:var(--color-primary-900);margin:0;font-size:1rem;font-weight:600}.dark .stage-name{color:#f1f5f9}.stage-count{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem}.stage-value{color:var(--color-primary-900);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.dark .stage-value{color:#f1f5f9}.stage-deals{flex-direction:column;gap:.5rem;display:flex}.deal-item{margin:0;padding:.75rem}.deal-item h4{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .deal-item h4{color:#f1f5f9}.deal-item-value{color:var(--color-primary-600);margin:0;font-size:.75rem}.dark .deal-item-value{color:#94a3b8}.pipeline-summary{padding:2rem}.summary-title{color:var(--color-primary-900);margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.dark .summary-title{color:#f1f5f9}.summary-stats{gap:2rem;display:flex}.summary-stat{flex-direction:column;gap:.25rem;display:flex}.stat-value{color:var(--color-primary-900);font-size:1.25rem;font-weight:700}@media (width<=768px){.crm-pipeline{padding:1rem}.pipeline-header{flex-direction:column;align-items:stretch;gap:1rem}.pipeline-container{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:1rem}}.crm-tasks{padding:2rem}.tasks-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tasks-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .tasks-title{color:#f1f5f9}.tasks-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.task-card{padding:1.5rem;transition:transform .2s}.task-card:hover{transform:translateY(-2px)}.task-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.task-title{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .task-title{color:#f1f5f9}.task-priority{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.task-priority-high{color:#991b1b;background:#fee2e2}.dark .task-priority-high{color:#fee2e2;background:#7f1d1d}.task-priority-medium{color:#92400e;background:#fef3c7}.dark .task-priority-medium{color:#fef3c7;background:#78350f}.task-priority-low{color:#1e40af;background:#dbeafe}.dark .task-priority-low{color:#dbeafe;background:#1e3a8a}.task-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.task-detail{justify-content:space-between;font-size:.875rem;display:flex}.task-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-tasks{padding:1rem}.tasks-header{flex-direction:column;align-items:stretch;gap:1rem}.tasks-list{grid-template-columns:1fr}.task-actions{flex-direction:column}.task-actions button{width:100%}}.crm-calendar{padding:2rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.calendar-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .calendar-title{color:#f1f5f9}.calendar-container{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.calendar-main{padding:2rem}.calendar-nav{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.calendar-month{color:var(--color-primary-900);margin:0;font-size:1.25rem;font-weight:600}.dark .calendar-month{color:#f1f5f9}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.calendar-day-header{color:var(--color-primary-600);text-align:center;padding:.5rem;font-size:.75rem;font-weight:600}.dark .calendar-day-header{color:#94a3b8}.calendar-day{min-height:3.25rem;color:var(--color-primary-900);text-align:center;background:var(--color-primary-50);border-radius:var(--border-radius);cursor:pointer;padding:1rem .5rem;font-size:.875rem;transition:background .2s}.dark .calendar-day{color:#f1f5f9;background:#334155}.calendar-day:hover{background:var(--color-primary-200)}.dark .calendar-day:hover{background:#475569}.calendar-day.today{background:var(--color-primary-500);color:#fff;font-weight:600}.calendar-events{padding:1.5rem}.events-title{color:var(--color-primary-900);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.dark .events-title{color:#f1f5f9}.events-list{flex-direction:column;gap:1rem;display:flex}.event-item{background:var(--color-primary-50);border-radius:var(--border-radius);gap:1rem;padding:1rem;display:flex}.dark .event-item{background:#334155}.event-type{background:var(--color-primary-500);color:#fff;border-radius:9999px;height:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.event-details{flex:1}.event-title{color:var(--color-primary-900);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.dark .event-title{color:#f1f5f9}.event-time{color:var(--color-primary-600);margin:0;font-size:.75rem}.dark .event-time{color:#94a3b8}@media (width<=768px){.crm-calendar{padding:1rem}.calendar-header{flex-direction:column;align-items:stretch;gap:1rem}.calendar-container{grid-template-columns:1fr}.calendar-nav{flex-wrap:wrap;justify-content:center}.calendar-grid{gap:.35rem;font-size:.75rem}.calendar-day{min-height:2.5rem;padding:.5rem .25rem}}@media (width<=420px){.calendar-main,.calendar-events{padding:1rem}.calendar-day{font-size:.7rem}.event-item{flex-direction:column}}.crm-activities{padding:2rem}.activities-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.activities-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .activities-title{color:#f1f5f9}.activities-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.activities-list{flex-direction:column;gap:1rem;display:flex}.activity-card{padding:1.5rem;transition:transform .2s}.activity-card:hover{transform:translateY(-2px)}.activity-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.activity-type{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.activity-date{color:var(--color-primary-600);font-size:.75rem}.dark .activity-date{color:#94a3b8}.activity-subject{color:var(--color-primary-900);margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.dark .activity-subject{color:#f1f5f9}.activity-contact{gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.contact-label{color:var(--color-primary-600);font-weight:500}.dark .contact-label{color:#94a3b8}.contact-name{color:var(--color-primary-900);font-weight:600}.dark .contact-name{color:#f1f5f9}.activity-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-activities{padding:1rem}.activities-header{flex-direction:column;align-items:stretch;gap:1rem}.activities-filters{flex-direction:column}.activities-filters button{width:100%}.activity-actions{flex-direction:column}.activity-actions button{width:100%}}.crm-reports{padding:2rem}@media (width<=768px){.crm-reports{padding:1rem}.reports-header{flex-direction:column;align-items:stretch;gap:1rem}.reports-stats{grid-template-columns:1fr}.report-actions{flex-direction:column}.report-actions button{width:100%}}.crm-team{padding:2rem}.team-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.team-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .team-title{color:#f1f5f9}.team-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.team-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.team-card{padding:1.5rem;transition:transform .2s}.team-card:hover{transform:translateY(-2px)}.team-member-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.member-avatar{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:600;display:flex}.member-info{flex:1}.member-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.dark .member-name{color:#f1f5f9}.member-role{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .member-role{color:#94a3b8}.member-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.member-detail{justify-content:space-between;font-size:.875rem;display:flex}.member-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-team{padding:1rem}.team-header{flex-direction:column;align-items:stretch;gap:1rem}.team-stats,.team-list{grid-template-columns:1fr}.member-actions{flex-direction:column}.member-actions button{width:100%}}.crm-automation{padding:2rem}.automation-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .automation-title{color:#f1f5f9}.automation-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.automation-list{flex-direction:column;gap:1rem;display:flex}.automation-card{padding:1.5rem;transition:transform .2s}.automation-card:hover{transform:translateY(-2px)}.automation-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.automation-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .automation-name{color:#f1f5f9}.automation-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.automation-status-active{color:#065f46;background:#ecfdf5}.dark .automation-status-active{color:#d1fae5;background:#064e3b}.automation-status-paused{color:#92400e;background:#fef3c7}.dark .automation-status-paused{color:#fef3c7;background:#78350f}.automation-flow{background:var(--color-primary-50);border-radius:var(--border-radius);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.dark .automation-flow{background:#334155}.flow-step{flex-direction:column;flex:1;gap:.25rem;display:flex}.dark .step-label{color:#94a3b8}.step-value{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .step-value{color:#f1f5f9}.flow-arrow{color:var(--color-primary-600);font-size:1.25rem}.dark .flow-arrow{color:#94a3b8}.automation-actions{gap:.5rem;display:flex}@media (width<=768px){.crm-automation{padding:1rem}.automation-header{flex-direction:column;align-items:stretch;gap:1rem}.automation-stats{grid-template-columns:1fr}.automation-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.automation-actions{flex-direction:column}.automation-actions button{width:100%}}.crm-settings{padding:2rem}.integrations-list{flex-direction:column;gap:1rem;display:flex}.integration-item{background:var(--color-primary-50);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:1rem;display:flex}.dark .integration-item{background:#334155}.integration-info{flex:1}.integration-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1rem;font-weight:600}.dark .integration-name{color:#f1f5f9}.integration-desc{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .integration-desc{color:#94a3b8}@media (width<=768px){.crm-settings{padding:1rem}.settings-grid{grid-template-columns:1fr}.integration-item{flex-direction:column;align-items:stretch;gap:1rem}.integration-item button{width:100%}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}.ecommerce-landing{min-height:100vh}.landing-hero{text-align:center;color:#fff;background:#1c1917;padding:6rem 2rem}.hero-content{max-width:800px;margin:0 auto}.hero-title{margin:0 0 1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.95;margin:0 0 2rem;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-features{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-title{color:var(--color-primary-900);text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:700}.feature-card{text-align:center;padding:2rem;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-title{color:var(--color-primary-900);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.dark .feature-title{color:#f1f5f9}.feature-description{color:var(--color-primary-600);margin:0;font-size:.875rem;line-height:1.6}.dark .feature-description{color:#94a3b8}.landing-stats{color:#fff;background:#1c1917;padding:4rem 2rem}.dark .landing-stats{background:#334155}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.stat-item{text-align:center}.stat-label{color:var(--color-primary-600);font-size:1rem;font-weight:500}.landing-cta{text-align:center;color:#fff;background:#1c1917;padding:4rem 2rem}.cta-title{margin:0 0 1rem;font-size:2rem;font-weight:700}.cta-subtitle{opacity:.95;margin:0 0 2rem;font-size:1.125rem}@media (width<=768px){.landing-hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.landing-features{padding:3rem 1rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.landing-stats{padding:3rem 1rem}.stats-grid{grid-template-columns:1fr}.landing-cta{padding:3rem 1rem}.cta-title{font-size:1.5rem}}.ecommerce-dashboard{padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:2rem;font-weight:700}.dark .dashboard-title{color:#f1f5f9}.dashboard-subtitle{color:var(--color-primary-600);margin:0;font-size:1rem}.dark .dashboard-subtitle{color:#94a3b8}.ecommerce-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.quick-actions-section,.recent-orders-section{margin-bottom:2rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.action-card{text-align:center;cursor:pointer;color:inherit;padding:2rem;text-decoration:none;transition:transform .2s}.action-card:hover{transform:translateY(-4px)}.action-icon{margin-bottom:1rem;font-size:3rem}.action-title{color:var(--color-primary-900);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.dark .action-title{color:#f1f5f9}.action-description{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .action-description{color:#94a3b8}.orders-card{padding:1.5rem}.order-item{background:var(--color-primary-50);border-radius:var(--border-radius);grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.dark .order-item{background:#334155}.order-id{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.order-customer{color:var(--color-primary-600);font-size:.875rem}.dark .order-customer{color:#94a3b8}.order-amount{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .order-amount{color:#f1f5f9}.order-status{text-align:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}@media (width<=768px){.ecommerce-dashboard{padding:1rem}.dashboard-title{font-size:1.5rem}.ecommerce-stats,.quick-actions-grid{grid-template-columns:1fr}.order-item{grid-template-columns:1fr;gap:.5rem}}.ecommerce-products{padding:2rem}.products-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.products-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .products-title{color:#f1f5f9}.products-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.product-card{padding:1.5rem;transition:transform .2s}.product-card:hover{transform:translateY(-2px)}.product-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.product-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .product-name{color:#f1f5f9}.product-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.product-status-active{color:#065f46;background:#ecfdf5}.dark .product-status-active{color:#d1fae5;background:#064e3b}.product-status-low-stock{color:#92400e;background:#fef3c7}.dark .product-status-low-stock{color:#fef3c7;background:#78350f}.product-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.product-detail{justify-content:space-between;font-size:.875rem;display:flex}.product-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-products{padding:1rem}.products-header{flex-direction:column;align-items:stretch;gap:1rem}.products-list{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-actions button{width:100%}}.ecommerce-categories{padding:2rem}.categories-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.categories-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .categories-title{color:#f1f5f9}.categories-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.category-card{padding:1.5rem;transition:transform .2s}.category-card:hover{transform:translateY(-2px)}.category-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.category-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .category-name{color:#f1f5f9}.category-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.category-status-active{color:#065f46;background:#ecfdf5}.dark .category-status-active{color:#d1fae5;background:#064e3b}.category-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.category-detail{justify-content:space-between;font-size:.875rem;display:flex}.category-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-categories{padding:1rem}.categories-header{flex-direction:column;align-items:stretch;gap:1rem}.categories-list{grid-template-columns:1fr}.category-actions{flex-direction:column}.category-actions button{width:100%}}.ecommerce-orders{padding:2rem}.orders-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.orders-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .orders-title{color:#f1f5f9}.orders-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{padding:1.5rem;transition:transform .2s}.order-card:hover{transform:translateY(-2px)}.order-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.order-id{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .order-id{color:#f1f5f9}.order-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.order-status-completed{color:#065f46;background:#ecfdf5}.dark .order-status-completed{color:#d1fae5;background:#064e3b}.order-status-pending{color:#92400e;background:#fef3c7}.dark .order-status-pending{color:#fef3c7;background:#78350f}.order-status-shipping{color:#1e40af;background:#dbeafe}.dark .order-status-shipping{color:#dbeafe;background:#1e3a8a}.order-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.order-detail{justify-content:space-between;font-size:.875rem;display:flex}.order-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-orders{padding:1rem}.orders-header{flex-direction:column;align-items:stretch;gap:1rem}.orders-filters{flex-direction:column}.orders-filters button{width:100%}.order-actions{flex-direction:column}.order-actions button{width:100%}}.ecommerce-customers{padding:2rem}.customers-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.customers-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .customers-title{color:#f1f5f9}.customers-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.customer-card{padding:1.5rem;transition:transform .2s}.customer-card:hover{transform:translateY(-2px)}.customer-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.customer-avatar{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1.5rem;font-weight:600;display:flex}.customer-info{flex:1}.customer-name{color:var(--color-primary-900);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.dark .customer-name{color:#f1f5f9}.customer-email{color:var(--color-primary-600);margin:0;font-size:.875rem}.dark .customer-email{color:#94a3b8}.customer-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.customer-status-active{color:#065f46;background:#ecfdf5}.dark .customer-status-active{color:#d1fae5;background:#064e3b}.customer-status-inactive{color:#991b1b;background:#fee2e2}.dark .customer-status-inactive{color:#fee2e2;background:#7f1d1d}.customer-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.customer-detail{justify-content:space-between;font-size:.875rem;display:flex}.customer-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-customers{padding:1rem}.customers-header{flex-direction:column;align-items:stretch;gap:1rem}.customers-list{grid-template-columns:1fr}.customer-actions{flex-direction:column}.customer-actions button{width:100%}}.ecommerce-coupons{padding:2rem}.coupons-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.coupons-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .coupons-title{color:#f1f5f9}.coupons-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.coupon-card{padding:1.5rem;transition:transform .2s}.coupon-card:hover{transform:translateY(-2px)}.coupon-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.coupon-code{color:var(--color-primary-900);margin:0;font-family:monospace;font-size:1.5rem;font-weight:700}.dark .coupon-code{color:#f1f5f9}.coupon-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.coupon-status-active{color:#065f46;background:#ecfdf5}.dark .coupon-status-active{color:#d1fae5;background:#064e3b}.coupon-status-expired{color:#991b1b;background:#fee2e2}.dark .coupon-status-expired{color:#fee2e2;background:#7f1d1d}.coupon-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.coupon-detail{justify-content:space-between;font-size:.875rem;display:flex}.coupon-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-coupons{padding:1rem}.coupons-header{flex-direction:column;align-items:stretch;gap:1rem}.coupons-list{grid-template-columns:1fr}.coupon-actions{flex-direction:column}.coupon-actions button{width:100%}}.ecommerce-inventory{padding:2rem}.inventory-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .inventory-title{color:#f1f5f9}.inventory-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.inventory-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.inventory-card{padding:1.5rem;transition:transform .2s}.inventory-card:hover{transform:translateY(-2px)}.inventory-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.inventory-product{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .inventory-product{color:#f1f5f9}.inventory-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.inventory-status-in-stock{color:#065f46;background:#ecfdf5}.dark .inventory-status-in-stock{color:#d1fae5;background:#064e3b}.inventory-status-low-stock{color:#92400e;background:#fef3c7}.dark .inventory-status-low-stock{color:#fef3c7;background:#78350f}.inventory-status-critical{color:#991b1b;background:#fee2e2}.dark .inventory-status-critical{color:#fee2e2;background:#7f1d1d}.inventory-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.inventory-detail{justify-content:space-between;font-size:.875rem;display:flex}.inventory-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-inventory{padding:1rem}.inventory-header{flex-direction:column;align-items:stretch;gap:1rem}.inventory-stats,.inventory-list{grid-template-columns:1fr}.inventory-actions{flex-direction:column}.inventory-actions button{width:100%}}.ecommerce-shipping{padding:2rem}.shipping-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .shipping-title{color:#f1f5f9}.shipping-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.shipping-card{padding:1.5rem;transition:transform .2s}.shipping-card:hover{transform:translateY(-2px)}.shipping-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.shipping-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .shipping-name{color:#f1f5f9}.shipping-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.shipping-status-active{color:#065f46;background:#ecfdf5}.dark .shipping-status-active{color:#d1fae5;background:#064e3b}.shipping-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.shipping-detail{justify-content:space-between;font-size:.875rem;display:flex}.shipping-actions{gap:.5rem;display:flex}.shipping-settings{padding:2rem}@media (width<=768px){.ecommerce-shipping{padding:1rem}.shipping-header{flex-direction:column;align-items:stretch;gap:1rem}.shipping-list{grid-template-columns:1fr}.shipping-actions{flex-direction:column}.shipping-actions button{width:100%}.settings-grid{grid-template-columns:1fr}}.ecommerce-payments{padding:2rem}.payments-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.payments-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .payments-title{color:#f1f5f9}.payments-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card.danger{border-left:4px solid #ef4444}.payments-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.payment-card{padding:1.5rem;transition:transform .2s}.payment-card:hover{transform:translateY(-2px)}.payment-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.payment-customer{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .payment-customer{color:#f1f5f9}.payment-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.payment-status-completed{color:#065f46;background:#ecfdf5}.dark .payment-status-completed{color:#d1fae5;background:#064e3b}.payment-status-pending{color:#92400e;background:#fef3c7}.dark .payment-status-pending{color:#fef3c7;background:#78350f}.payment-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.payment-detail{justify-content:space-between;font-size:.875rem;display:flex}.detail-label{color:var(--color-primary-600);font-weight:500}.dark .detail-label{color:#94a3b8}.detail-value{color:var(--color-primary-900);font-weight:600}.dark .detail-value{color:#f1f5f9}.payment-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-payments{padding:1rem}.payments-header{flex-direction:column;align-items:stretch;gap:1rem}.payments-stats,.payments-list{grid-template-columns:1fr}.payment-actions{flex-direction:column}.payment-actions button{width:100%}}.ecommerce-reports{padding:2rem}.reports-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reports-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .reports-title{color:#f1f5f9}.reports-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.reports-list{flex-direction:column;gap:1rem;display:flex}.report-card{padding:1.5rem;transition:transform .2s}.report-card:hover{transform:translateY(-2px)}.report-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.report-name{color:var(--color-primary-900);margin:0;font-size:1.125rem;font-weight:600}.dark .report-name{color:#f1f5f9}.report-type{background:var(--color-primary-500);color:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.report-period{color:var(--color-primary-600);margin:0 0 .25rem;font-size:.875rem}.dark .report-period{color:#94a3b8}.report-updated{color:var(--color-primary-600);margin:0 0 1rem;font-size:.875rem}.dark .report-updated{color:#94a3b8}.report-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-reports{padding:1rem}.reports-header{flex-direction:column;align-items:stretch;gap:1rem}.reports-stats{grid-template-columns:1fr}.report-actions{flex-direction:column}.report-actions button{width:100%}}.ecommerce-reviews{padding:2rem}.reviews-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reviews-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .reviews-title{color:#f1f5f9}.reviews-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{padding:1.5rem;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.warning{border-left:4px solid #f59e0b}.stat-content{padding:1rem 0}.stat-value{color:var(--color-primary-900);margin-bottom:.5rem;font-size:2rem;font-weight:700}.dark .stat-value{color:#f1f5f9}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-label{color:var(--color-primary-600);font-size:.875rem}.dark .stat-label{color:#94a3b8}.reviews-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.reviews-list{flex-direction:column;gap:1rem;display:flex}.review-card{padding:1.5rem;transition:transform .2s}.review-card:hover{transform:translateY(-2px)}.review-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.review-customer{color:var(--color-primary-900);font-size:1rem;font-weight:600}.dark .review-customer{color:#f1f5f9}.review-rating{color:#f59e0b;margin:0 1rem;font-size:1rem}.review-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.review-status-approved{color:#065f46;background:#ecfdf5}.dark .review-status-approved{color:#d1fae5;background:#064e3b}.review-status-pending{color:#92400e;background:#fef3c7}.dark .review-status-pending{color:#fef3c7;background:#78350f}.review-product{color:var(--color-primary-600);margin-bottom:.5rem;font-size:.875rem}.dark .review-product{color:#94a3b8}.review-comment{color:var(--color-primary-900);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dark .review-comment{color:#f1f5f9}.review-footer{justify-content:space-between;align-items:center;display:flex}.review-date{color:var(--color-primary-600);font-size:.75rem}.dark .review-date{color:#94a3b8}.review-actions{gap:.5rem;display:flex}@media (width<=768px){.ecommerce-reviews{padding:1rem}.reviews-header{flex-direction:column;align-items:stretch;gap:1rem}.reviews-stats{grid-template-columns:1fr}.reviews-filters{flex-direction:column}.reviews-filters button{width:100%}.review-header{flex-direction:column;align-items:flex-start;gap:.5rem}.review-footer{flex-direction:column;align-items:stretch;gap:1rem}.review-actions{flex-direction:column}.review-actions button{width:100%}}.ecommerce-settings{padding:2rem}.settings-header{margin-bottom:2rem}.settings-title{color:var(--color-primary-900);margin:0;font-size:2rem;font-weight:700}.dark .settings-title{color:#f1f5f9}.settings-sections{flex-direction:column;gap:2rem;display:flex}.settings-section{padding:2rem}.dark .section-title{color:#f1f5f9}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.setting-item{flex-direction:column;gap:.5rem;display:flex}.setting-label{color:var(--color-primary-900);font-size:.875rem;font-weight:600}.dark .setting-label{color:#f1f5f9}.setting-input,.setting-select{border:1px solid var(--color-primary-300);border-radius:var(--border-radius);color:var(--color-primary-900);background:#fff;padding:.75rem;font-size:.875rem}.dark .setting-input,.dark .setting-select{color:#f1f5f9;background:#1e293b;border-color:#475569}.setting-input:focus,.setting-select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.setting-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-primary-500)}.checkbox-group{flex-direction:column;gap:.5rem;display:flex}.checkbox-label{color:var(--color-primary-900);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dark .checkbox-label{color:#f1f5f9}.settings-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}@media (width<=768px){.ecommerce-settings{padding:1rem}.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}.directory-landing{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;font-family:inherit;display:flex}.directory-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.directory-subnav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.directory-subnav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.directory-brand{color:#38bdf8;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.directory-logo-icon{font-size:1.35rem}.directory-nav-links{align-items:center;gap:1.25rem;padding:.25rem 0;display:flex;overflow-x:auto}.directory-nav-links a{color:#94a3b8;white-space:nowrap;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.directory-nav-links a:hover,.directory-nav-links a.active{color:#38bdf8}.directory-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#38bdf826,#0000 70%),linear-gradient(#0f172af2,#0f172a);padding:5rem 1.5rem 4rem;position:relative}.directory-hero-content{max-width:900px;margin:0 auto}.directory-badge-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.directory-hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}.directory-hero-subtitle{color:#94a3b8;max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.6}.directory-search-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bd9;border:1px solid #ffffff26;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 20px 40px -15px #00000080}.search-input-group{flex:1;align-items:center;gap:.6rem;padding:.5rem .85rem;display:flex}.search-icon{opacity:.7;font-size:1.1rem}.search-input,.search-select{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.search-input::placeholder{color:#64748b}.search-select{cursor:pointer;appearance:none}.search-select option{color:#f8fafc;background:#1e293b}.search-divider{background:#ffffff1a;width:1px;height:32px}.search-submit-btn{border-radius:.75rem!important;padding:.75rem 1.75rem!important;font-weight:600!important}.popular-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.tags-label{color:#64748b;font-size:.85rem}.tag-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;transition:all .2s}.tag-pill:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.directory-stats-section{background:#0f172a99;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:2rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-number{color:#38bdf8;margin-bottom:.25rem;font-size:2rem;font-weight:800}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.directory-section{padding:4.5rem 0}.section-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:#38bdf8;margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:block}.section-heading{color:#f8fafc;margin:0;font-size:2rem;font-weight:700}.section-subheading{color:#94a3b8;margin:.25rem 0 0;font-size:1rem}.view-all-link{color:#38bdf8;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s}.view-all-link:hover{opacity:.8}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.category-card-link{color:inherit;text-decoration:none}.category-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;height:100%;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.category-card:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.category-image-wrap{height:160px;position:relative;overflow:hidden}.category-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.category-card:hover .category-image{transform:scale(1.05)}.category-icon-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:.75rem;padding:.5rem .75rem;font-size:1.25rem;position:absolute;bottom:.75rem;left:.75rem}.category-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.category-card-title{color:#f8fafc;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.category-card-desc{color:#94a3b8;flex:1;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.category-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.category-count{color:#38bdf8;font-size:.85rem;font-weight:600}.category-arrow{color:#94a3b8;font-weight:700;transition:transform .2s}.category-card:hover .category-arrow{color:#38bdf8;transform:translate(4px)}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;display:grid}.listing-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.listing-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0006}.listing-image-wrap{height:200px;position:relative}.listing-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.listing-badges{gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-featured{color:#0f172a;background:#f59e0b}.badge-verified{color:#0f172a;background:#10b981}.favorite-button{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .2s,background .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.favorite-button:hover{background:#0f172af2;transform:scale(1.1)}.listing-price-badge{color:#38bdf8;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:.5rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;position:absolute;bottom:.75rem;right:.75rem}.listing-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.listing-meta{color:#94a3b8;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.listing-subcategory{color:#38bdf8;font-weight:600}.listing-title{margin:0 0 .4rem;font-size:1.25rem;font-weight:700}.listing-title a{color:#f8fafc;text-decoration:none;transition:color .2s}.listing-title a:hover{color:#38bdf8}.listing-tagline{color:#cbd5e1;margin:0 0 .85rem;font-size:.875rem;line-height:1.4}.listing-rating-row{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.rating-pill{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:.4rem;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.review-count{color:#94a3b8;font-size:.8rem}.listing-amenities-pills{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.amenity-chip{color:#94a3b8;background:#ffffff0d;border-radius:.35rem;padding:.2rem .5rem;font-size:.75rem}.amenity-more{color:#64748b;padding:.2rem .3rem;font-size:.75rem}.listing-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;display:flex}.listing-contact-info{color:#94a3b8;font-size:.8rem}.locations-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.location-card-link{text-decoration:none}.location-card{border-radius:1rem;height:220px;transition:transform .25s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.location-card:hover{transform:translateY(-4px)}.location-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.location-card:hover .location-image{transform:scale(1.05)}.location-overlay{background:linear-gradient(#0000 30%,#0f172ae6 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.location-name{color:#fff;margin:0;font-size:1.35rem;font-weight:700}.location-sub{color:#cbd5e1;margin:.15rem 0 .5rem;font-size:.85rem}.location-count-badge{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf84d;border-radius:9999px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.reviews-carousel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.review-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;padding:1.5rem}.review-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.author-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.author-name{color:#f8fafc;margin:0;font-size:.95rem;font-weight:700}.author-title{color:#94a3b8;margin:0;font-size:.8rem}.review-stars{color:#fbbf24;letter-spacing:.1em;margin-left:auto;font-size:.9rem}.review-text{color:#cbd5e1;margin-bottom:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.review-card-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;padding-top:.75rem;font-size:.8rem;display:flex}.review-listing-name strong{color:#38bdf8}.directory-cta-section{padding:3rem 0 6rem}.cta-box{text-align:center;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #38bdf833;border-radius:1.5rem;padding:3.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf826,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-tag{color:#38bdf8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-block}.cta-title{color:#f8fafc;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.cta-text{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.directory-hero-title{font-size:2rem}.directory-search-bar{flex-direction:column;padding:1rem}.search-divider{width:100%;height:1px}.search-submit-btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}.directory-listings-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.listings-layout-container{box-sizing:border-box;gap:2rem;width:100%;max-width:1380px;margin:0 auto;padding:2rem 1.5rem;display:flex}.mobile-filter-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:none}.listings-filter-sidebar{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;flex-shrink:0;width:280px;height:fit-content;padding:1.5rem;position:sticky;top:5rem}.filter-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.filter-title{margin:0;font-size:1.15rem;font-weight:700}.filter-reset-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.filter-reset-btn:hover{text-decoration:underline}.filter-group{margin-bottom:1.5rem}.filter-label{color:#cbd5e1;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.filter-input,.filter-select{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;width:100%;padding:.6rem .85rem;font-size:.875rem}.filter-input:focus,.filter-select:focus{border-color:#38bdf8}.price-level-buttons{gap:.4rem;display:flex}.price-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.4rem;flex:1;padding:.5rem 0;font-size:.8rem;font-weight:700;transition:all .2s}.price-btn:hover,.price-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.radio-label,.checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.radio-label input,.checkbox-label input{accent-color:#38bdf8}.amenities-checkbox-list{flex-direction:column;gap:.25rem;max-height:200px;display:flex;overflow-y:auto}.listings-main{flex:1;min-width:0}.listings-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.results-counter h2{margin:0;font-size:1.5rem;font-weight:700}.results-counter p{color:#94a3b8;margin:.25rem 0 0;font-size:.875rem}.controls-right{align-items:center;gap:1rem;display:flex}.sort-wrapper{align-items:center;gap:.5rem;display:flex}.sort-label{color:#94a3b8;font-size:.85rem}.sort-select{color:#f8fafc;background:#1e293b;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.4rem .75rem;font-size:.85rem}.view-toggle{background:#1e293b;border:1px solid #ffffff1a;border-radius:.5rem;display:flex;overflow:hidden}.view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.4rem .75rem;font-size:1rem;transition:all .2s}.view-btn.active{color:#0f172a;background:#38bdf8}.listings-display-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.listings-display-list{flex-direction:column;gap:1.25rem;display:flex}.listing-item-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.listing-item-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.listing-item-card.list-mode{flex-direction:row}.item-image-wrapper{height:180px;position:relative}.listing-item-card.list-mode .item-image-wrapper{flex-shrink:0;width:240px;height:auto}.item-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.item-badges{gap:.4rem;display:flex;position:absolute;top:.6rem;left:.6rem}.favorite-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:.6rem;right:.6rem}.price-tag{color:#38bdf8;background:#0f172ad9;border-radius:.4rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.6rem;right:.6rem}.item-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.item-meta-top{justify-content:space-between;margin-bottom:.4rem;font-size:.8rem;display:flex}.item-category{color:#38bdf8;font-weight:600}.item-location{color:#94a3b8}.item-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.item-title a{color:#f8fafc;text-decoration:none}.item-title a:hover{color:#38bdf8}.item-tagline{color:#cbd5e1;margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.item-rating-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.reviews-text,.address-text{color:#94a3b8;font-size:.8rem}.item-amenities{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.amenity-badge{color:#94a3b8;background:#ffffff0d;border-radius:.3rem;padding:.2rem .5rem;font-size:.7rem}.item-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.contact-summary{color:#94a3b8;font-size:.8rem}.no-listings-state{text-align:center;background:#1e293b;border:1px dashed #ffffff26;border-radius:1rem;padding:4rem 2rem}.no-listings-icon{opacity:.6;margin-bottom:1rem;font-size:3rem}.no-listings-state h3{margin-bottom:.5rem;font-size:1.35rem}.no-listings-state p{color:#94a3b8;margin-bottom:1.5rem}.directory-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.page-indicator{color:#94a3b8;font-size:.875rem}@media (width<=900px){.listings-layout-container{flex-direction:column}.mobile-filter-bar{display:flex}.listings-filter-sidebar{width:100%;display:none;position:static}.listings-filter-sidebar.open{display:block}.listing-item-card.list-mode{flex-direction:column}.listing-item-card.list-mode .item-image-wrapper{width:100%;height:180px}}.directory-categories-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.categories-page-content{padding:3.5rem 1.5rem 5rem}.categories-header-section{text-align:center;max-width:760px;margin:0 auto 3.5rem}.cat-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:1rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.categories-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 .85rem;font-size:2.5rem;font-weight:800}.categories-main-desc{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.category-search-wrapper{background:#1e293b;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;gap:.75rem;max-width:600px;margin:0 auto;padding:.75rem 1.25rem;display:flex;box-shadow:0 10px 25px #0000004d}.cat-search-icon{opacity:.7;font-size:1.2rem}.category-search-input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.category-search-input::placeholder{color:#64748b}.categories-full-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.category-expanded-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.category-expanded-card:hover{border-color:#38bdf84d;transform:translateY(-4px)}.cat-card-hero{height:180px;position:relative}.cat-hero-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cat-hero-overlay{background:linear-gradient(#0000 30%,#0f172ae6 100%);justify-content:space-between;align-items:flex-end;padding:1rem 1.25rem;display:flex;position:absolute;inset:0}.cat-icon-badge{background:#0f172ad9;border:1px solid #ffffff26;border-radius:.75rem;padding:.4rem .7rem;font-size:1.75rem}.cat-total-count{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf84d;border-radius:9999px;padding:.25rem .65rem;font-size:.8rem;font-weight:700}.cat-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.cat-title-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cat-name{margin:0;font-size:1.25rem;font-weight:700}.cat-desc{color:#94a3b8;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.subcategories-container{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem}.subcategories-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .6rem;font-size:.8rem}.subcat-chips{flex-wrap:wrap;gap:.5rem;display:flex}.subcat-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-flex}.subcat-chip:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.subcat-badge{color:#94a3b8;background:#0f172acc;border-radius:.3rem;padding:.1rem .35rem;font-size:.7rem}.category-request-box{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px dashed #38bdf84d;border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.cat-req-icon{font-size:2.5rem}.cat-req-text{flex:1;min-width:260px}.cat-req-text h3{color:#f8fafc;margin:0 0 .3rem;font-size:1.25rem}.cat-req-text p{color:#94a3b8;margin:0;font-size:.9rem}.directory-locations-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.locations-page-content{padding:3.5rem 1.5rem 5rem}.locations-header-section{text-align:center;max-width:760px;margin:0 auto 3.5rem}.loc-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:1rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.locations-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 .85rem;font-size:2.5rem;font-weight:800}.locations-main-desc{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.location-search-bar{background:#1e293b;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;gap:.75rem;max-width:600px;margin:0 auto;padding:.75rem 1.25rem;display:flex;box-shadow:0 10px 25px #0000004d}.loc-search-icon{opacity:.7;font-size:1.2rem}.location-search-input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.location-search-input::placeholder{color:#64748b}.locations-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;margin-bottom:4.5rem;display:grid}.location-destination-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.location-destination-card:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 16px 36px #0006}.loc-img-box{height:200px;position:relative}.loc-bg-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.location-destination-card:hover .loc-bg-img{transform:scale(1.05)}.loc-count-pill{color:#38bdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #38bdf84d;border-radius:9999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;position:absolute;top:1rem;right:1rem}.loc-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.loc-title-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.loc-city-name{color:#f8fafc;margin:0;font-size:1.35rem;font-weight:700}.loc-state-country{color:#94a3b8;margin:.2rem 0 0;font-size:.875rem}.loc-popular-tags{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem}.loc-popular-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem;font-size:.75rem;display:block}.tags-flex{flex-wrap:wrap;gap:.4rem;display:flex}.loc-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.4rem;padding:.25rem .55rem;font-size:.75rem}.city-spotlights-box{background:#1e293b99;border:1px solid #ffffff14;border-radius:1.5rem;padding:2.5rem}.spotlight-title{margin:0;font-size:1.75rem;font-weight:800}.spotlight-subtitle{color:#94a3b8;margin:.25rem 0 2rem;font-size:.95rem}.spotlight-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.spotlight-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;overflow:hidden}.spotlight-img{-o-object-fit:cover;object-fit:cover;width:100%;height:160px}.spotlight-info{padding:1.25rem}.spotlight-loc-tag{color:#38bdf8;font-size:.75rem;font-weight:600}.spotlight-name{margin:.4rem 0 .3rem;font-size:1.15rem;font-weight:700}.spotlight-name a{color:#f8fafc;text-decoration:none}.spotlight-name a:hover{color:#38bdf8}.spotlight-tagline{color:#94a3b8;margin:0 0 1rem;font-size:.85rem;line-height:1.4}.spotlight-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.spotlight-rating{color:#fbbf24;font-size:.85rem;font-weight:700}.spotlight-price{color:#38bdf8;font-size:.85rem;font-weight:700}.business-detail-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.business-top-bar{border-bottom:1px solid #ffffff0f;padding:1rem 0}.breadcrumb-nav{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb-nav a{color:#94a3b8;text-decoration:none}.breadcrumb-nav a:hover{color:#38bdf8}.current-page-crumb{color:#f8fafc;font-weight:600}.business-hero-gallery{margin-top:1.5rem;margin-bottom:2rem}.gallery-main-view{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;height:420px;position:relative;overflow:hidden}.main-gallery-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gallery-thumbnails{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border-radius:.75rem;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.thumb-btn{cursor:pointer;border:2px solid #0000;border-radius:.4rem;width:60px;height:44px;padding:0;overflow:hidden}.thumb-btn.active{border-color:#38bdf8}.thumb-btn img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.business-layout{gap:2rem;padding-bottom:5rem;display:flex}.business-main-column{flex-direction:column;flex:1;gap:1.75rem;min-width:0;display:flex}.business-sidebar{flex-direction:column;flex-shrink:0;gap:1.5rem;width:360px;display:flex}.business-header-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:2rem}.business-tags-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.category-pill,.price-pill{color:#38bdf8;background:#38bdf826;border-radius:9999px;padding:.25rem .65rem;font-size:.8rem;font-weight:700}.price-pill{color:#f8fafc;background:#ffffff14}.business-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.business-tagline{color:#cbd5e1;margin:0 0 1.25rem;font-size:1.1rem}.business-meta-strip{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.rating-box{align-items:center;gap:.5rem;display:flex}.stars{color:#fbbf24;font-size:1.1rem;font-weight:700}.review-tally{color:#94a3b8;font-size:.85rem}.location-box{color:#94a3b8;font-size:.9rem}.business-quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.claim-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:.5rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s}.claim-btn:hover,.claim-btn.claimed{color:#10b981;background:#10b9811a;border-color:#10b981}.detail-section-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:2rem}.section-title{color:#f8fafc;margin:0 0 1rem;font-size:1.35rem;font-weight:700}.detail-description{color:#cbd5e1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.sub-heading{color:#f8fafc;margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.feature-item{color:#cbd5e1;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.feature-check{color:#10b981;font-weight:700}.amenities-detail-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.amenity-card-item{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.hours-header-flex{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.open-now-badge{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;padding:.25rem .65rem;font-size:.8rem;font-weight:700}.hours-table{flex-direction:column;gap:.5rem;display:flex}.hours-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.day-name{color:#94a3b8;font-weight:600}.closed-text{color:#ef4444}.map-address-text{color:#cbd5e1;margin-bottom:1rem;font-size:.95rem}.map-mock-container{background:#0f172a;border:1px solid #ffffff14;border-radius:1rem;height:220px;position:relative;overflow:hidden}.map-mock-bg{background:radial-gradient(circle,#334155 10%,#1e293b 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.map-pin{flex-direction:column;align-items:center;display:flex;position:relative}.pin-icon{z-index:2;font-size:2rem}.pin-label{color:#f8fafc;white-space:nowrap;background:#0f172ae6;border:1px solid #ffffff26;border-radius:.4rem;margin-top:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.map-footer-actions{justify-content:flex-end;margin-top:1rem;display:flex}.reviews-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.reviews-sub{color:#94a3b8;margin:.2rem 0 0;font-size:.875rem}.rating-summary-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1rem;align-items:center;gap:2.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.rating-big-number{text-align:center}.big-val{color:#fbbf24;font-size:3rem;font-weight:800;line-height:1}.stars-row{color:#fbbf24;margin:.35rem 0;font-size:1.1rem}.based-on{color:#94a3b8;font-size:.75rem}.rating-bars{flex-direction:column;flex:1;gap:.4rem;display:flex}.bar-row{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.bar-label{color:#94a3b8;width:24px}.bar-track{background:#ffffff14;border-radius:9999px;flex:1;height:8px;overflow:hidden}.bar-fill{background:#fbbf24;border-radius:9999px;height:100%}.bar-pct{color:#94a3b8;text-align:right;width:32px}.reviews-feed{flex-direction:column;gap:1.25rem;display:flex}.review-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1rem;padding:1.25rem}.review-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.rev-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:42px;height:42px}.rev-author-name{margin:0;font-size:.95rem;font-weight:700}.rev-author-title{color:#94a3b8;margin:0;font-size:.75rem}.rev-rating-stars{color:#fbbf24;margin-left:auto}.rev-comment{color:#cbd5e1;margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.rev-footer{color:#64748b;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.helpful-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.8rem}.helpful-btn:hover{color:#38bdf8}.sidebar-widget{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem}.widget-desc{color:#94a3b8;margin:0 0 1.25rem;font-size:.85rem}.inquiry-form{flex-direction:column;gap:1rem;display:flex}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:#cbd5e1;font-size:.8rem;font-weight:600}.form-field input,.form-field textarea{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.875rem}.form-field input:focus,.form-field textarea:focus{border-color:#38bdf8}.inquiry-submit-btn{width:100%}.inquiry-success-msg{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:.5rem;padding:1rem;font-size:.85rem;line-height:1.4}.contact-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-row{align-items:center;gap:.75rem;display:flex}.contact-icon{font-size:1.2rem}.contact-label{color:#64748b;font-size:.75rem;display:block}.contact-link{color:#f8fafc;font-size:.9rem;font-weight:600;text-decoration:none}.contact-link:hover{color:#38bdf8}.sidebar-action-buttons{flex-direction:column;gap:.75rem;display:flex}.call-now-btn,.visit-web-btn{width:100%;text-decoration:none}.call-now-btn button,.visit-web-btn button{width:100%}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#1e293b;border:1px solid #ffffff1a;border-radius:1.25rem;width:100%;max-width:540px;padding:2rem;box-shadow:0 25px 50px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.review-modal-form{flex-direction:column;gap:1.25rem;display:flex}.stars-picker{gap:.4rem;margin-top:.4rem;display:flex}.star-pick{color:#475569;cursor:pointer;background:0 0;border:none;font-size:1.75rem}.star-pick.selected{color:#fbbf24}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=900px){.business-layout{flex-direction:column}.business-sidebar{width:100%}.rating-summary-box{text-align:center;flex-direction:column}}.directory-search-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.search-page-layout{padding:3.5rem 1.5rem 5rem}.search-engine-header{margin-bottom:3.5rem}.search-page-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.search-page-desc{color:#94a3b8;text-align:center;max-width:600px;margin:0 auto 2.5rem;font-size:1.05rem}.search-engine-box{background:#1e293b;border:1px solid #ffffff1a;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 40px #0006}.search-row-main{gap:1.25rem;margin-bottom:1.5rem;display:flex}.search-input-field{flex-direction:column;gap:.4rem;display:flex}.search-input-field.flex-2{flex:2}.search-input-field.flex-1{flex:1}.search-input-field label{color:#cbd5e1;font-size:.8rem;font-weight:600}.search-input-field input,.search-input-field select{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.95rem}.search-input-field input:focus,.search-input-field select:focus{border-color:#38bdf8}.search-filters-expansion{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem 0;display:grid}.col-label{color:#94a3b8;margin-bottom:.6rem;font-size:.8rem;font-weight:600;display:block}.price-toggle-group{gap:.5rem;display:flex}.p-toggle{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;flex:1;padding:.5rem 0;font-weight:700}.p-toggle.selected{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.distance-range-slider{accent-color:#38bdf8;width:100%}.toggles-row{align-items:center;gap:1.25rem;margin-top:.4rem;display:flex}.toggle-chk{color:#cbd5e1;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.toggle-chk input{accent-color:#38bdf8}.search-amenities-row{flex-direction:column;gap:.75rem;display:flex}.amenities-prompt{color:#94a3b8;font-size:.8rem;font-weight:600}.amenities-pills-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.amenity-toggle-pill{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.amenity-toggle-pill.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8}.results-status-bar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.results-status-bar h2{margin:0;font-size:1.75rem}.results-count-tag{color:#38bdf8;background:#38bdf826;border-radius:9999px;padding:.3rem .85rem;font-size:.85rem;font-weight:700}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.search-item-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.search-item-img{-o-object-fit:cover;object-fit:cover;width:100%;height:190px}.search-item-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.search-item-top{justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.item-subcat{color:#38bdf8;font-weight:600}.item-loc{color:#94a3b8}.item-desc{color:#cbd5e1;margin:0 0 1rem;font-size:.875rem}.item-tags-strip{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.item-star{color:#fbbf24;background:#f59e0b26;border-radius:.4rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.item-price{color:#f8fafc;background:#ffffff0f;border-radius:.4rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.item-ver{color:#10b981;background:#10b98126;border-radius:.4rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.item-amenity-chips{flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;display:flex}.a-chip{color:#94a3b8;background:#ffffff0a;border-radius:.3rem;padding:.2rem .5rem;font-size:.7rem}.search-card-actions{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem}.search-card-actions button{width:100%}@media (width<=768px){.search-row-main{flex-direction:column}}.directory-reviews-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.reviews-page-content{padding:3.5rem 1.5rem 5rem}.reviews-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.rev-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.reviews-main-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.reviews-main-desc{color:#94a3b8;max-width:600px;margin:0;font-size:1rem}.reviews-filter-bar{gap:.75rem;margin-bottom:2.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #ffffff14;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-tab:hover,.filter-tab.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.community-reviews-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;display:grid}.community-review-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;padding:1.5rem;display:flex}.comm-review-top{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comm-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:44px;height:44px}.comm-author{margin:0;font-size:.95rem;font-weight:700}.comm-title{color:#94a3b8;margin:.1rem 0 0;font-size:.75rem}.comm-stars{color:#fbbf24;letter-spacing:.1em;margin-left:auto;font-size:1rem}.comm-place-tag{color:#64748b;margin-bottom:.75rem;font-size:.8rem}.place-link{color:#38bdf8;font-weight:600;text-decoration:none}.comm-text{color:#cbd5e1;flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.comm-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.8rem;display:flex}.helpful-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.helpful-btn:hover,.helpful-btn.liked{color:#38bdf8}.directory-favorites-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.favorites-page-content{padding:3.5rem 1.5rem 5rem}.favorites-header-section{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.fav-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.favorites-main-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.favorites-main-desc{color:#94a3b8;max-width:600px;margin:0;font-size:1rem}.fav-category-filter{gap:.75rem;margin-bottom:2.5rem;display:flex;overflow-x:auto}.fav-cat-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #ffffff14;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.fav-cat-btn:hover,.fav-cat-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.saved-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.saved-listing-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.saved-img-box{height:190px;position:relative}.saved-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.remove-fav-btn{color:#ef4444;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;border:1px solid #ffffff26;border-radius:.5rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;top:.75rem;right:.75rem}.remove-fav-btn:hover{background:#ef444433;border-color:#ef4444}.saved-price-tag{color:#38bdf8;background:#0f172ad9;border-radius:.4rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem}.saved-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.saved-card-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.saved-subcat{color:#38bdf8;font-size:.8rem;font-weight:600}.saved-rating{color:#fbbf24;font-size:.85rem;font-weight:700}.saved-title{margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.saved-title a{color:#f8fafc;text-decoration:none}.saved-title a:hover{color:#38bdf8}.saved-tagline{color:#cbd5e1;margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.saved-loc{color:#94a3b8;margin:0 0 1.25rem;font-size:.8rem}.saved-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;display:flex}.saved-phone{color:#94a3b8;font-size:.8rem}.empty-favorites-box{text-align:center;background:#1e293b;border:1px dashed #ffffff26;border-radius:1.5rem;padding:4rem 2rem}.empty-fav-icon{opacity:.6;margin-bottom:1rem;font-size:3.5rem}.empty-favorites-box h3{margin-bottom:.5rem;font-size:1.5rem}.empty-favorites-box p{color:#94a3b8;max-width:480px;margin:0 auto 1.75rem}.directory-profile-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.profile-page-content{padding:3rem 1.5rem 5rem}.profile-hero-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.5rem;margin-bottom:2.5rem;overflow:hidden}.profile-cover-photo{background:linear-gradient(135deg,#0284c7 0%,#38bdf8 50%,#6366f1 100%);height:180px}.profile-hero-body{padding:0 2rem 2rem;position:relative}.profile-avatar-row{flex-wrap:wrap;align-items:flex-start;gap:1.75rem;margin-top:-60px;margin-bottom:2rem;display:flex}.profile-avatar-img{-o-object-fit:cover;object-fit:cover;border:4px solid #1e293b;border-radius:50%;width:120px;height:120px;box-shadow:0 10px 25px #0006}.profile-main-meta{flex:1;min-width:280px}.profile-name-row{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.profile-display-name{margin:0;font-size:1.85rem;font-weight:800}.profile-badge-pill{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.profile-bio{color:#cbd5e1;max-width:650px;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.profile-meta-tags{color:#94a3b8;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;display:flex}.profile-hero-actions{margin-top:1rem}.profile-stats-strip{background:#0f172a99;border:1px solid #ffffff0a;border-radius:1rem;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem;display:grid}.p-stat{flex-direction:column;align-items:center;display:flex}.p-stat-val{color:#38bdf8;font-size:1.5rem;font-weight:800}.p-stat-lbl{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:.75rem}.profile-tabs-bar{border-bottom:1px solid #ffffff14;gap:.75rem;margin-bottom:2rem;display:flex;overflow-x:auto}.p-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.p-tab:hover{color:#f8fafc}.p-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.profile-reviews-list{flex-direction:column;gap:1.25rem;display:flex}.p-review-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;padding:1.5rem}.p-rev-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.p-rev-venue a{color:#f8fafc;font-size:1.1rem;font-weight:700;text-decoration:none}.p-rev-venue a:hover{color:#38bdf8}.p-rev-date{color:#64748b;margin-top:.2rem;font-size:.8rem;display:block}.p-rev-stars{color:#fbbf24;font-size:1rem}.p-rev-text{color:#cbd5e1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.p-rev-foot{color:#94a3b8;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.8rem;display:flex}.p-edit-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none}.profile-saved-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.p-saved-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.p-saved-img{-o-object-fit:cover;object-fit:cover;width:100%;height:160px}.p-saved-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.p-saved-cat{color:#38bdf8;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.p-saved-title a{color:#f8fafc;font-size:1.1rem;font-weight:700;text-decoration:none}.p-saved-loc{color:#94a3b8;margin:.3rem 0 1rem;font-size:.8rem}.p-saved-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.p-saved-rating{color:#fbbf24;font-size:.85rem;font-weight:700}.profile-managed-list{flex-direction:column;gap:1.5rem;display:flex}.p-managed-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;display:flex;overflow:hidden}.p-managed-img{-o-object-fit:cover;object-fit:cover;width:240px}.p-managed-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.p-managed-top{justify-content:space-between;margin-bottom:.5rem;display:flex}.status-active{color:#10b981;font-size:.8rem;font-weight:700}.p-managed-views{color:#94a3b8;font-size:.8rem}.p-managed-title{margin:0 0 .4rem;font-size:1.35rem;font-weight:700}.p-managed-tagline{color:#cbd5e1;margin:0 0 1.25rem;font-size:.9rem}.p-managed-actions{gap:.75rem;margin-top:auto;display:flex}.profile-activity-timeline{flex-direction:column;gap:1.25rem;display:flex}.timeline-item{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.timeline-icon-box{background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.timeline-title{margin:0 0 .2rem;font-size:.95rem;font-weight:700}.timeline-desc{color:#94a3b8;margin:0 0 .3rem;font-size:.85rem}.timeline-date{color:#64748b;font-size:.75rem}@media (width<=768px){.profile-stats-strip{grid-template-columns:repeat(2,1fr)}.p-managed-card{flex-direction:column}.p-managed-img{width:100%;height:160px}}.directory-submit-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.submit-page-content{padding:3.5rem 1.5rem 5rem;max-width:900px!important}.submit-header-box{text-align:center;margin-bottom:2.5rem}.submit-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.submit-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.submit-desc{color:#94a3b8;max-width:620px;margin:0 auto 2.5rem;font-size:1rem}.wizard-stepper{justify-content:space-between;max-width:700px;margin:0 auto;display:flex;position:relative}.wizard-stepper:before{content:"";z-index:0;background:#ffffff1a;height:2px;position:absolute;top:18px;left:30px;right:30px}.step-indicator{z-index:1;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.step-num{color:#94a3b8;background:#1e293b;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.step-indicator.active .step-num{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.step-indicator.completed .step-num{color:#0f172a;background:#10b981;border-color:#10b981}.step-label{color:#94a3b8;font-size:.75rem;font-weight:600}.step-indicator.active .step-label{color:#38bdf8}.wizard-form-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 40px #0000004d}.step-title{color:#f8fafc;margin:0 0 1.5rem;font-size:1.35rem;font-weight:700}.step-sub{color:#94a3b8;margin:-1rem 0 1.5rem;font-size:.9rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group label{color:#cbd5e1;font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:.6rem;outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38bdf8}.form-row-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1.25rem;display:grid}.price-selector{gap:.5rem;display:flex}.price-select-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;flex:1;padding:.6rem 0;font-weight:700}.price-select-btn.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8}.hours-config-table{flex-direction:column;gap:.75rem;display:flex}.hour-config-row{background:#0f172a;border-radius:.5rem;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.day-title{color:#cbd5e1;width:110px;font-size:.85rem;font-weight:600}.hour-config-row input{color:#f8fafc;background:#1e293b;border:1px solid #ffffff1a;border-radius:.4rem;padding:.35rem .6rem}.amenities-selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;display:grid}.amenity-choice-btn{color:#94a3b8;cursor:pointer;text-align:left;background:#0f172a;border:1px solid #ffffff1a;border-radius:.5rem;padding:.6rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.amenity-choice-btn.selected{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.image-preview-box{border:1px solid #ffffff1a;border-radius:.75rem;height:200px;margin-bottom:1.5rem;overflow:hidden}.image-preview-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.final-review-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:1.5rem;display:flex;overflow:hidden}.review-preview-img{-o-object-fit:cover;object-fit:cover;width:220px}.review-preview-body{flex:1;padding:1.5rem}.review-prev-meta{justify-content:space-between;margin-bottom:.5rem;display:flex}.prev-cat{color:#38bdf8;font-size:.8rem;font-weight:700}.prev-price{color:#f8fafc;font-size:.8rem;font-weight:700}.prev-tagline{color:#cbd5e1;margin:.25rem 0 .5rem;font-size:.85rem}.prev-loc{color:#94a3b8;margin-bottom:.75rem;font-size:.8rem}.prev-amenities{flex-wrap:wrap;gap:.35rem;display:flex}.prev-chip{color:#94a3b8;background:#ffffff0d;border-radius:.3rem;padding:.2rem .5rem;font-size:.7rem}.terms-agreement-row{color:#cbd5e1;align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.85rem;display:flex}.terms-agreement-row input{accent-color:#38bdf8}.wizard-actions{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;display:flex}.next-step-btn{margin-left:auto}.submission-success-card{text-align:center;background:#1e293b;border:1px solid #10b9814d;border-radius:1.5rem;padding:4rem 2rem}.success-icon{margin-bottom:1rem;font-size:4rem}.submission-success-card h2{color:#f8fafc;margin-bottom:.75rem;font-size:1.85rem}.submission-success-card p{color:#94a3b8;max-width:540px;margin:0 auto 2rem;line-height:1.6}.success-actions{justify-content:center;gap:1rem;display:flex}@media (width<=768px){.form-row-2,.form-row-3{grid-template-columns:1fr}.final-review-card{flex-direction:column}.review-preview-img{width:100%;height:160px}}.directory-dashboard-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);flex-direction:column;display:flex}.dashboard-page-content{padding:3rem 1.5rem 5rem}.dash-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.dash-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.dash-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.dash-subtitle{color:#94a3b8;max-width:600px;margin:0;font-size:1rem}.time-filter-pills{background:#1e293b;border:1px solid #ffffff1a;border-radius:.6rem;gap:.3rem;padding:.3rem;display:flex}.pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.pill-btn.active{color:#0f172a;background:#38bdf8}.kpi-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.5rem}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.kpi-icon{font-size:1.5rem}.kpi-growth{border-radius:9999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.kpi-growth.positive{color:#10b981;background:#10b98126}.kpi-growth.neutral{color:#fbbf24;background:#f59e0b26}.kpi-value{color:#f8fafc;margin-bottom:.4rem;font-size:2.25rem;font-weight:800;line-height:1}.kpi-label{color:#94a3b8;font-size:.85rem}.dash-charts-row{gap:1.75rem;margin-bottom:2rem;display:flex}.dash-widget-card{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem}.dash-widget-card.flex-3{flex:3}.dash-widget-card.flex-2{flex:2}.widget-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.widget-title{margin:0;font-size:1.2rem;font-weight:700}.widget-sub{color:#94a3b8;margin:.2rem 0 0;font-size:.8rem}.trend-summary{color:#38bdf8;font-size:.8rem;font-weight:600}.inquiry-counter-badge{color:#38bdf8;background:#38bdf826;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.mock-chart-visual{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:1rem;height:200px;padding-top:1rem;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:.5rem;height:100%;display:flex}.bar-tracks-pair{justify-content:center;align-items:flex-end;gap:.4rem;width:100%;height:100%;display:flex}.bar-val-fill{border-radius:.3rem .3rem 0 0;width:18px;transition:height .4s}.views-fill{background:linear-gradient(#38bdf8 0%,#0284c7 100%)}.leads-fill{background:linear-gradient(#34d399 0%,#059669 100%)}.bar-label-txt{color:#64748b;font-size:.75rem}.chart-legend{justify-content:center;gap:1.5rem;margin-top:1.25rem;display:flex}.legend-item{color:#cbd5e1;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.views-dot{background:#38bdf8}.leads-dot{background:#34d399}.inquiries-list{flex-direction:column;gap:1rem;display:flex}.inquiry-item{background:#0f172a;border:1px solid #ffffff0f;border-radius:.75rem;padding:1rem}.inquiry-header-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.inquiry-name{margin:0;font-size:.9rem;font-weight:700}.inquiry-status-pill{border-radius:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.status-new{color:#38bdf8;background:#38bdf833}.status-in-progress{color:#fbbf24;background:#f59e0b33}.status-completed{color:#10b981;background:#10b98133}.inquiry-request{color:#cbd5e1;margin:0 0 .5rem;font-size:.85rem;font-style:italic}.inquiry-foot{color:#64748b;justify-content:space-between;font-size:.75rem;display:flex}.table-widget{box-sizing:border-box;width:100%}.listings-table-container{overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;width:100%}.dash-table th{text-transform:uppercase;color:#64748b;letter-spacing:.05em;border-bottom:1px solid #ffffff14;padding:.75rem 1rem;font-size:.8rem}.dash-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:1rem;font-size:.875rem}.table-listing-cell{align-items:center;gap:.85rem;display:flex}.table-thumb{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:44px;height:44px}.table-title-link{color:#f8fafc;font-weight:700;text-decoration:none;display:block}.table-title-link:hover{color:#38bdf8}.table-sub-txt{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.75rem;display:block;overflow:hidden}.table-cat-badge{color:#cbd5e1;background:#ffffff0d;border-radius:.35rem;padding:.2rem .5rem;font-size:.75rem}.table-star{color:#fbbf24;font-weight:700}.status-toggle-btn{cursor:pointer;color:#f8fafc;background:0 0;border:1px solid #ffffff1a;border-radius:.4rem;padding:.25rem .6rem;font-size:.75rem}.status-toggle-btn.active{background:#10b9811a;border-color:#10b98166}.table-action-btns{gap:.4rem;display:flex}@media (width<=900px){.dash-charts-row{flex-direction:column}}.auth-hub-page{background-color:var(--bg-primary,#0f172a);min-height:100vh;color:var(--text-primary,#f8fafc);padding:4rem 1.5rem 6rem}.auth-hub-container{max-width:1240px;margin:0 auto}.auth-hub-header{text-align:center;max-width:760px;margin:0 auto 4rem}.auth-hub-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.auth-hub-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 1rem;font-size:2.75rem;font-weight:800}.auth-hub-subtitle{color:#94a3b8;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.auth-architecture-notice{text-align:left;background:#1e293bcc;border:1px solid #38bdf840;border-radius:1.25rem;align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 15px 35px #0000004d}.notice-icon{flex-shrink:0;font-size:2rem}.notice-body{flex:1}.notice-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.notice-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.demo-badge{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.api-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.notice-arrow{color:#64748b;font-size:.9rem}.notice-text{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.5}.notice-code{color:#38bdf8;background:#0f172a;border:1px solid #ffffff14;border-radius:.35rem;padding:.15rem .45rem;font-size:.8rem}.auth-hub-section{margin-bottom:3.5rem}.section-title{color:#f8fafc;border-bottom:1px solid #ffffff14;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.states-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.state-card-link{color:inherit;text-decoration:none}.state-card{box-sizing:border-box;background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;height:100%;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.state-card:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.state-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.state-icon{font-size:2rem}.state-arrow{color:#38bdf8;font-size:.8rem;font-weight:700;transition:transform .2s}.state-card:hover .state-arrow{transform:translate(4px)}.state-title{color:#f8fafc;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.state-desc{color:#94a3b8;flex:1;margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.state-path-tag{color:#38bdf8;background:#0f172a;border:1px solid #ffffff0f;border-radius:.4rem;align-self:flex-start;padding:.25rem .6rem;font-family:monospace;font-size:.75rem}.auth-wrapper{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#38bdf81f,#0000 70%),linear-gradient(#0f172a 0%,#090d16 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;font-family:inherit;display:flex}.auth-card-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:460px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.auth-card-box.wide{max-width:580px}.auth-brand-badge{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.auth-brand-logo{font-size:1.5rem}.auth-brand-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.auth-header-block{text-align:center;margin-bottom:2rem}.auth-main-title{color:#f8fafc;margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.auth-main-subtitle{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.5}.auth-input-group{text-align:left;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.auth-input-label{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.auth-text-input{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1f;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-text-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.1rem;position:absolute;right:.85rem}.otp-inputs-row{justify-content:space-between;gap:.5rem;margin:1.5rem 0;display:flex}.otp-box-digit{text-align:center;color:#38bdf8;background:#0f172a;border:1px solid #ffffff26;border-radius:.75rem;outline:none;width:52px;height:58px;font-size:1.6rem;font-weight:700;transition:all .2s}.otp-box-digit:focus{background:#1e293b;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.auth-primary-btn{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.auth-primary-btn:hover{background:#7dd3fc;box-shadow:0 4px 15px #38bdf84d}.auth-secondary-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.auth-secondary-btn:hover{color:#f8fafc;background:#ffffff1a}.auth-foot-row{text-align:center;color:#94a3b8;margin-top:1.75rem;font-size:.875rem}.auth-foot-link{color:#38bdf8;font-weight:600;text-decoration:none}.auth-foot-link:hover{text-decoration:underline}.social-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.divider-line{background:#ffffff1a;flex:1;height:1px}.divider-text{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.social-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.social-btn{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{color:#f8fafc;background:#ffffff14;border-color:#ffffff40}.social-icon{font-size:1.1rem}.coming-soon-wrapper{color:#f8fafc;text-align:center;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#38bdf82e,#0000 60%),linear-gradient(#0f172a 0%,#030712 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.coming-soon-content{max-width:780px;margin:0 auto}.cs-brand-badge{background:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem;display:inline-flex}.cs-brand{color:#38bdf8;font-size:.9rem;font-weight:700}.cs-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;margin:0 0 1.25rem;font-size:3rem;font-weight:900;line-height:1.2}.cs-subtitle{color:#94a3b8;max-width:620px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.6}.cs-countdown-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:3rem;display:flex}.countdown-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bd9;border:1px solid #ffffff1f;border-radius:1.25rem;flex-direction:column;align-items:center;min-width:100px;padding:1.5rem 1.75rem;display:flex;box-shadow:0 15px 30px #0006}.count-val{color:#38bdf8;font-family:monospace;font-size:2.75rem;font-weight:800;line-height:1}.count-label{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-top:.4rem;font-size:.75rem}.cs-notify-form{background:#1e293be6;border:1px solid #ffffff26;border-radius:1rem;gap:.5rem;max-width:520px;margin:0 auto 2.5rem;padding:.4rem;display:flex;box-shadow:0 15px 35px #00000059}.cs-email-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.cs-submit-btn{color:#0f172a;cursor:pointer;white-space:nowrap;background:#38bdf8;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.cs-submit-btn:hover{background:#7dd3fc}.cs-success-box{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:1rem;max-width:500px;margin:0 auto 2.5rem;padding:1rem 1.5rem;font-size:.95rem}.cs-footer-links{justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.cs-link{color:#94a3b8;text-decoration:none;transition:color .2s}.cs-link:hover{color:#38bdf8}@media (width<=640px){.cs-title{font-size:2.25rem}.cs-notify-form{flex-direction:column;padding:.75rem}.cs-submit-btn{width:100%}}.maintenance-wrapper{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#f59e0b1f,#0000 60%),linear-gradient(#0f172a 0%,#030712 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.maintenance-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:620px;padding:3rem 2.5rem;box-shadow:0 25px 50px #00000080}.maint-icon-bubble{margin-bottom:1rem;font-size:3.5rem}.maint-status-pill{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.pulsing-amber-dot{background:#fbbf24;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #fbbf24}.maint-title{color:#f8fafc;margin:0 0 .75rem;font-size:2.25rem;font-weight:800}.maint-desc{color:#94a3b8;margin-bottom:2rem;font-size:1rem;line-height:1.6}.maint-progress-box{text-align:left;background:#0f172a;border:1px solid #ffffff14;border-radius:1rem;margin-bottom:2rem;padding:1.25rem}.maint-progress-header{color:#cbd5e1;justify-content:space-between;margin-bottom:.6rem;font-size:.85rem;display:flex}.maint-progress-track{background:#ffffff14;border-radius:9999px;width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.maint-progress-fill{background:linear-gradient(90deg,#f59e0b 0%,#38bdf8 100%);border-radius:9999px;height:100%}.maint-eta{color:#94a3b8;font-size:.8rem}.maint-form{gap:.5rem;max-width:440px;margin:0 auto 2rem;display:flex}.maint-form input{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1f;border-radius:.75rem;outline:none;flex:1;padding:.65rem 1rem;font-size:.9rem}.maint-form button{color:#0f172a;cursor:pointer;white-space:nowrap;background:#38bdf8;border:none;border-radius:.75rem;padding:.65rem 1.25rem;font-weight:700}.maint-notified-msg{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:.75rem;margin-bottom:2rem;padding:.75rem 1rem;font-size:.85rem}.maint-footer{justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.maint-link{color:#94a3b8;text-decoration:none}.maint-link:hover{color:#38bdf8}.error-wrapper{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#38bdf81f,#0000 60%),linear-gradient(#0f172a 0%,#030712 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.error-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:620px;padding:3rem 2.5rem;box-shadow:0 25px 50px #00000080}.error-huge-code{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#c084fc 100%);-webkit-background-clip:text;margin-bottom:.5rem;font-size:6.5rem;font-weight:900;line-height:1}.error-title{color:#f8fafc;margin:0 0 .75rem;font-size:2rem;font-weight:800}.error-desc{color:#94a3b8;margin:0 0 2rem;font-size:1rem;line-height:1.5}.error-search-bar{background:#0f172a;border:1px solid #ffffff1f;border-radius:.85rem;gap:.5rem;margin-bottom:2rem;padding:.4rem;display:flex}.error-search-bar input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;padding:.6rem 1rem;font-size:.9rem}.error-search-bar button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:.6rem;padding:.6rem 1.25rem;font-weight:700}.error-suggestions{margin-bottom:2.25rem}.sugg-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;display:block}.sugg-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.sugg-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;text-decoration:none;transition:all .2s}.sugg-chip:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.error-action-row{justify-content:center;gap:1rem;display:flex}.error-primary-btn{color:#0f172a;background:#38bdf8;border-radius:.75rem;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.error-secondary-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem 1.25rem;font-weight:600}.forbidden-wrapper{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#ef44441f,#0000 60%),linear-gradient(#0f172a 0%,#030712 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.forbidden-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:600px;padding:3rem 2.5rem;box-shadow:0 25px 50px #00000080}.forbidden-huge-code{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);-webkit-background-clip:text;margin-bottom:.5rem;font-size:6rem;font-weight:900;line-height:1}.forbidden-badge{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.forbidden-title{color:#f8fafc;margin:0 0 .75rem;font-size:2rem;font-weight:800}.forbidden-desc{color:#94a3b8;margin:0 0 2rem;font-size:1rem;line-height:1.5}.forbidden-matrix-box{text-align:left;background:#0f172a;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.25rem;display:flex}.matrix-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.matrix-label{color:#94a3b8}.user-role{color:#cbd5e1;font-weight:600}.required-role{color:#fca5a5;font-weight:700}.code-target{color:#38bdf8;background:#ffffff0d;border-radius:.3rem;padding:.15rem .4rem;font-family:monospace}.forbidden-request-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:.85rem;font-weight:700;transition:all .2s}.forbidden-request-btn:hover{color:#fff;background:#ef444440}.access-requested-msg{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:.75rem;margin-bottom:1.5rem;padding:.85rem;font-size:.85rem}.forbidden-action-row{justify-content:center;gap:1rem;display:flex}.forbidden-primary-btn{color:#0f172a;background:#38bdf8;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none}.forbidden-secondary-btn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.server-err-wrapper{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#f59e0b1f,#0000 60%),linear-gradient(#0f172a 0%,#030712 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.server-err-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:620px;padding:3rem 2.5rem;box-shadow:0 25px 50px #00000080}.server-err-huge-code{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);-webkit-background-clip:text;margin-bottom:.5rem;font-size:6.5rem;font-weight:900;line-height:1}.server-err-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:9999px;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.server-err-title{color:#f8fafc;margin:0 0 .75rem;font-size:2rem;font-weight:800}.server-err-desc{color:#94a3b8;margin:0 0 2rem;font-size:1rem;line-height:1.6}.incident-box{text-align:left;background:#0f172a;border:1px solid #ffffff14;border-radius:.85rem;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.85rem 1.25rem;display:flex}.incident-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;display:block}.incident-code{color:#fbbf24;font-family:monospace;font-size:.95rem;font-weight:700}.copy-incident-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.copy-incident-btn:hover{color:#f8fafc;background:#ffffff1a}.server-err-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.server-err-primary-btn{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.server-err-primary-btn:hover{background:#7dd3fc}.server-err-secondary-btn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.server-err-foot{justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.server-err-link{color:#94a3b8;text-decoration:none}.server-err-link:hover{color:#38bdf8}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--color-brand:#635bff;--color-accent:#a855f7;--color-background:#f8fafc;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--primary:var(--color-brand);--secondary:var(--color-accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-display:clamp(2.5rem, 5vw, 4.5rem);--font-h1:clamp(2rem, 4vw, 3rem);--font-h2:1.5rem;--font-h3:1.25rem;--font-h4:1.125rem;--font-body-lg:1.125rem;--font-body:1rem;--font-small:.875rem;--font-caption:.75rem;--line-tight:1.2;--line-body:1.5;--line-relaxed:1.7;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius:var(--radius-lg);--elevation-none:none;--elevation-sm:0 1px 2px #0f172a0f;--elevation-md:0 4px 12px #0f172a14;--elevation-lg:0 12px 28px #0f172a1f;--elevation-overlay:0 24px 64px #0f172a33;--sidebar-width:260px;--container-width:1320px;--header-height:64px;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#faf5ff;--color-secondary-100:#f3e8ff;--color-secondary-200:#e9d5ff;--color-secondary-300:#d8b4fe;--color-secondary-400:#c084fc;--color-secondary-500:#a855f7;--color-secondary-600:#9333ea;--color-secondary-700:#7e22ce;--color-secondary-800:#6b21a8;--color-secondary-900:#581c87;--border-radius:var(--radius-md);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--font-size-xs:var(--font-caption);--font-size-sm:var(--font-small);--font-size-base:var(--font-body);--font-size-lg:var(--font-body-lg);--font-size-xl:var(--font-h3);--font-size-2xl:var(--font-h2);--font-family:Inter, ui-sans-serif, system-ui, sans-serif;--shadow-sm:var(--elevation-sm);--shadow-md:var(--elevation-md);--shadow-lg:var(--elevation-lg);--shadow-xl:var(--elevation-overlay);--animation-duration:.3s}*{transition:background-color var(--animation-duration) ease, border-color var(--animation-duration) ease, color var(--animation-duration) ease, box-shadow var(--animation-duration) ease, border-radius var(--animation-duration) ease}:focus-visible{outline:3px solid var(--primary,#635bff);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-family);background-color:var(--color-background);direction:inherit;margin:0}h1,h2,h3,h4{color:var(--color-text);line-height:var(--line-tight)}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}p{line-height:var(--line-body)}small{font-size:var(--font-small)}button,input,select,textarea{font-family:inherit}button:not(:disabled),a,select,input[type=checkbox],input[type=radio]{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);transition:border-color var(--animation-duration) ease, box-shadow var(--animation-duration) ease, background-color var(--animation-duration) ease}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}@supports (color:color-mix(in lab, red, red)){input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent)}}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand);outline:none}@supports (color:color-mix(in lab, red, red)){input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent)}}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.is-error{box-shadow:0 0 0 3px var(--color-danger);border-color:var(--color-danger)!important}@supports (color:color-mix(in lab, red, red)){input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.is-error{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 14%, transparent)}}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false],.is-success{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success)}@supports (color:color-mix(in lab, red, red)){input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false],.is-success{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 12%, transparent)}}.is-loading{cursor:progress;position:relative}.is-loading:after{content:"";width:1em;height:1em;margin-left:var(--space-2);border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;animation:.7s linear infinite token-spin;display:inline-block}.card,.project-card,.task-card,.member-directory-card,.team-panel,.project-panel{transition:transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease, border-color var(--animation-duration) ease}.card:hover,.project-card:hover,.task-card:hover,.member-directory-card:hover,.team-panel:hover,.project-panel:hover{border-color:var(--color-brand)}@supports (color:color-mix(in lab, red, red)){.card:hover,.project-card:hover,.task-card:hover,.member-directory-card:hover,.team-panel:hover,.project-panel:hover{border-color:color-mix(in srgb, var(--color-brand) 35%, var(--color-border))}}.card:hover,.project-card:hover,.task-card:hover,.member-directory-card:hover,.team-panel:hover,.project-panel:hover{box-shadow:var(--elevation-lg);transform:translateY(-2px)}.card:active,.project-card:active,.task-card:active{box-shadow:var(--elevation-md);transform:translateY(0)}.card:focus-within,.project-card:focus-within,.task-card:focus-within,.member-directory-card:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand), var(--elevation-md)}@supports (color:color-mix(in lab, red, red)){.card:focus-within,.project-card:focus-within,.task-card:focus-within,.member-directory-card:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 14%, transparent), var(--elevation-md)}}.is-error:after{content:"Error";color:var(--color-danger);font-size:var(--font-caption)}.is-success:after{content:"Saved";color:var(--color-success);font-size:var(--font-caption)}.dropdown-menu,[role=menu]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-lg)}.dropdown-menu button:hover,[role=menuitem]:hover{background:var(--color-surface-muted)}.dropdown-menu button:active,[role=menuitem]:active{background:var(--color-brand)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu button:active,[role=menuitem]:active{background:color-mix(in srgb, var(--color-brand) 12%, var(--color-surface))}}.dropdown-menu button:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.modal-overlay,.modal-backdrop,.task-modal-backdrop,.drawer-backdrop{animation:state-fade-in var(--animation-duration) ease both}.modal,.workspace-modal,.task-modal,.drawer{box-shadow:var(--elevation-overlay)}.modal.is-loading,.workspace-modal.is-loading,.task-modal.is-loading,.drawer.is-loading{opacity:.7;pointer-events:none}.modal.is-error,.workspace-modal.is-error,.task-modal.is-error,.drawer.is-error{border:1px solid var(--color-danger)}.modal.is-success,.workspace-modal.is-success,.task-modal.is-success,.drawer.is-success{border:1px solid var(--color-success)}@keyframes state-fade-in{0%{opacity:0}to{opacity:1}}@keyframes token-spin{to{transform:rotate(360deg)}}html[dir=rtl]{text-align:right;direction:rtl}html[dir=rtl] .dropdown-menu,html[dir=rtl] [role=menu],html[dir=rtl] .nav-dropdown{left:auto;right:0}html[dir=rtl] .nav-dropdown-icon{margin-left:0;margin-right:auto}html[dir=ltr]{text-align:left}.dark body{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-muted:#334155;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155;background-color:var(--color-background)}.dark .card{color:#f1f5f9;background-color:#1e293b}.dark .card[style*="background-color: var(--color-primary-50)"],.dark .card[style*="background-color: white"]{background-color:#1e293b}.dark input[type=text],.dark select,.dark input[type=email],.dark input[type=password]{color:#f1f5f9;background-color:#334155}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.dt-showcase-page{color:#f8fafc;flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;padding:2.5rem;font-family:Inter,Outfit,sans-serif;display:flex}.dt-showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.dt-showcase-h1{color:#f8fafc;flex-direction:column;gap:.5rem;margin:0 0 .5rem;font-size:2.25rem;font-weight:900;line-height:1.15;display:flex}.dt-showcase-tag{text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:999px;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.dt-showcase-subtitle{color:#94a3b8;max-width:540px;margin:0;font-size:1rem;line-height:1.65}.dt-api-teaser{background:#0f172a;border:1px solid #ffffff14;border-radius:1rem;min-width:280px;max-width:320px;padding:1.25rem 1.5rem}.dt-api-teaser-label{text-transform:uppercase;color:#38bdf8;letter-spacing:.08em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.dt-api-code{color:#94a3b8;white-space:pre;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.7}.dt-showcase-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.dt-tab-btn{cursor:pointer;color:#f8fafc;background:#1e293b;border:1px solid #ffffff14;border-radius:.9rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.9rem 1.25rem;transition:all .2s;display:flex}.dt-tab-btn:hover{background:#ffffff0f}.dt-tab-btn.active{background:#38bdf81f;border-color:#38bdf866}.dt-tab-label{font-size:.9rem;font-weight:700}.dt-tab-desc{color:#94a3b8;font-size:.75rem}.dt-expand-detail{background:#0f172a80;border-radius:.75rem;padding:1rem}.dt-expand-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem 1.5rem;display:grid}.dt-expand-key{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.dt-expand-val{color:#e2e8f0;font-size:.875rem;font-weight:600;display:block}.dt-playground{flex-direction:column;gap:1.5rem;display:flex}.dt-toggle-panel{background:#1e293b;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem}.dt-toggle-title{color:#f8fafc;margin:0 0 .35rem;font-size:1.1rem;font-weight:800}.dt-toggle-sub{color:#94a3b8;margin:0 0 1.5rem;font-size:.85rem}.dt-toggle-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;display:grid}.dt-toggle-item{cursor:pointer;align-items:center;gap:.65rem;display:flex}.dt-toggle-switch{cursor:pointer;background:#0f172a;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s,border-color .2s;position:relative}.dt-toggle-switch.on{background:#38bdf840;border-color:#38bdf8}.dt-toggle-knob{background:#64748b;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.dt-toggle-switch.on .dt-toggle-knob{background:#38bdf8;transform:translate(16px)}.dt-toggle-label code{color:#cbd5e1;background:#ffffff0d;border-radius:4px;padding:.1rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.dt-feature-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem;display:grid}.dt-feature-card{background:#1e293b;border:1px solid #ffffff0f;border-radius:.875rem;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;transition:transform .2s;display:flex}.dt-feature-card:hover{border-color:#38bdf840;transform:translateY(-2px)}.dt-feature-icon{font-size:1.4rem}.dt-feature-name{color:#f8fafc;font-size:.875rem;font-weight:800}.dt-feature-desc{color:#94a3b8;font-size:.78rem;line-height:1.5}.intermediate-studio{background:var(--bg-main,#f8fafc);min-height:100vh;color:var(--text-main,#0f172a);padding:3rem 1.5rem}.dark .intermediate-studio{color:#f1f5f9;background:#090d16}.studio-shell{max-width:1200px;margin:0 auto}.studio-header{margin-bottom:2rem}.studio-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:9999px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.studio-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.studio-title-row h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.studio-title-row p{color:#64748b;max-width:650px;margin:0}.dark .studio-title-row p{color:#94a3b8}.studio-quick-links{flex-wrap:wrap;gap:.75rem;display:flex}.studio-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.studio-btn-primary{background:var(--color-primary,#6366f1);color:#fff;border:1px solid var(--color-primary,#6366f1)}.studio-btn-primary:hover{filter:brightness(1.1)}.studio-btn-outline{color:inherit;background:0 0;border:1px solid #cbd5e1}.dark .studio-btn-outline{border-color:#334155}.studio-btn-outline:hover{background:#0000000d}.dark .studio-btn-outline:hover{background:#ffffff0d}.studio-btn-danger{color:#fff;background:#ef4444;border:1px solid #ef4444}.studio-summary-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 12px #00000008}.dark .studio-summary-bar{background:#1e293b;border-color:#334155}.summary-item{flex-direction:column;gap:.25rem;display:flex}.summary-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.dark .summary-label{color:#94a3b8}.studio-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.dark .studio-tabs{border-bottom-color:#334155}.studio-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s}.studio-tab:hover{color:var(--color-primary,#6366f1)}.studio-tab.active{color:var(--color-primary,#6366f1);border-bottom-color:var(--color-primary,#6366f1)}.studio-tab-content{animation:.25s ease-out fadeIn}.tab-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tab-header-row h2{margin:0 0 .25rem;font-size:1.5rem}.tab-header-row p{color:#64748b;margin:0}.dark .tab-header-row p{color:#94a3b8}.studio-grid-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;display:grid}.studio-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.studio-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000000a}.dark .studio-card{background:#1e293b;border-color:#334155}.studio-card h3,.studio-card h4{margin:0 0 1rem}.studio-card p{color:#64748b;font-size:.9rem;line-height:1.5}.dark .studio-card p{color:#94a3b8}.card-badge{color:var(--color-primary,#6366f1);background:color-mix(in srgb, var(--color-primary,#6366f1) 12%, transparent);border-radius:6px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.control-group{margin-bottom:1.25rem}.control-group label{margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.btn-group-row{flex-wrap:wrap;gap:.5rem;display:flex}.pill-btn{color:inherit;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #cbd5e1;border-radius:9999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.dark .pill-btn{border-color:#475569}.pill-btn.active{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.code-block{color:#38bdf8;background:#0f172a;border-radius:8px;max-height:380px;padding:1.25rem;font-family:Fira Code,monospace;font-size:.82rem;overflow-x:auto}.feedback-banner{border-radius:8px;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600}.feedback-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.feedback-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.demo-interactive-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.55rem 1rem;font-size:.85rem;font-weight:600}.demo-interactive-btn.primary{background:var(--color-primary,#6366f1);color:#fff}.demo-interactive-btn.secondary{color:#fff;background:#475569}.demo-interactive-btn.outline{color:inherit;background:0 0;border-color:#94a3b8}.demo-interactive-btn.ghost{color:inherit;background:0 0}.demo-interactive-btn.danger{color:#fff;background:#ef4444}.demo-badge{border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.demo-badge.success{color:#166534;background:#dcfce7}.demo-badge.warning{color:#854d0e;background:#fef9c3}.demo-badge.error{color:#991b1b;background:#fee2e2}.demo-badge.info{color:#075985;background:#e0f2fe}.demo-badge.neutral{color:#475569;background:#f1f5f9}.developer-hub{background:var(--bg-main,#f8fafc);min-height:100vh;color:var(--text-main,#0f172a);padding:3rem 1.5rem}.dark .developer-hub{color:#f1f5f9;background:#090d16}.dev-shell{max-width:1200px;margin:0 auto}.dev-header{margin-bottom:2rem}.dev-badge{letter-spacing:.1em;text-transform:uppercase;color:#3b82f6;background:#3b82f61f;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.dev-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.dev-title-row h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.dev-title-row p{color:#64748b;max-width:700px;margin:0;line-height:1.6}.dark .dev-title-row p{color:#94a3b8}.dev-quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.dev-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dev-btn-primary{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.dev-btn-primary:hover{background:#2563eb}.dev-btn-outline{color:inherit;background:0 0;border:1px solid #cbd5e1}.dark .dev-btn-outline{border-color:#334155}.dev-btn-outline:hover{background:#0000000d}.dark .dev-btn-outline:hover{background:#ffffff0d}.dev-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.dark .dev-tabs{border-bottom-color:#334155}.dev-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s}.dev-tab:hover{color:#3b82f6}.dev-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.dev-content-section{animation:.25s ease-out devFadeIn}@keyframes devFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dev-content-section h2{margin:0 0 .25rem;font-size:1.6rem}.dev-content-section p{color:#64748b;margin:0}.dark .dev-content-section p{color:#94a3b8}.dev-grid-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;display:grid}.dev-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.dev-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000000a}.dark .dev-card{background:#1e293b;border-color:#334155}.dev-card h3,.dev-card h4{margin:0 0 .75rem}.dev-card ul{color:#475569;flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.9rem;display:flex}.dark .dev-card ul{color:#cbd5e1}.dev-pill{color:#3b82f6;background:#3b82f61f;border-radius:6px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.dev-props-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.85rem}.dev-props-table th{text-align:left;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:.6rem .75rem;font-weight:700}.dark .dev-props-table th{background:#0f172a;border-bottom-color:#334155}.dev-props-table td{border-bottom:1px solid #e2e8f0;padding:.6rem .75rem}.dark .dev-props-table td{border-bottom-color:#334155}.type-tag{color:#8b5cf6;background:#8b5cf61a;border-radius:4px;padding:.15rem .4rem;font-family:Fira Code,monospace;font-size:.78rem}.api-badge{border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.api-badge.success{color:#15803d;background:#dcfce7}.pbs-page{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.dark .pbs-page{color:#f1f5f9;background:#080d17}.pbs-hero{max-width:1200px;margin:0 auto;padding:clamp(3.5rem,8vw,6rem) clamp(1.5rem,4vw,3rem) clamp(2rem,4vw,3rem)}.pbs-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#8b5cf6;background:#8b5cf61f;border-radius:9999px;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.pbs-headline{letter-spacing:-.04em;margin:0 0 1.25rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05}.pbs-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text}.pbs-sub{color:#64748b;max-width:640px;margin:0 0 2rem;font-size:1.1rem;line-height:1.7}.dark .pbs-sub{color:#94a3b8}.pbs-actions{flex-wrap:wrap;gap:.75rem;display:flex}.pbs-btn-primary{color:#fff;background:#8b5cf6;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.pbs-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.pbs-btn-outline{color:#8b5cf6;background:0 0;border:1.5px solid #8b5cf6;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.pbs-btn-outline:hover{background:#8b5cf614}.pbs-section{max-width:1200px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem)}.pbs-section-alt{background:#fff;max-width:100%;margin:0;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,5vw,5rem)}.dark .pbs-section-alt{background:#0b1120}.pbs-section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.pbs-section-label{letter-spacing:.1em;text-transform:uppercase;color:#8b5cf6;margin-bottom:.75rem;font-size:.72rem;font-weight:800}.pbs-section-title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.pbs-section-sub{color:#64748b;max-width:620px;margin:0 0 2.5rem;font-size:1rem;line-height:1.7}.dark .pbs-section-sub{color:#94a3b8}.pbs-types-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.pbs-type-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.pbs-type-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #00000014}.dark .pbs-type-card{background:#111827;border-color:#1e293b}.pbs-type-header{align-items:flex-start;gap:1rem;display:flex}.pbs-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.pbs-type-header strong{margin-bottom:.35rem;font-weight:800;display:block}.pbs-type-variants{flex-wrap:wrap;gap:.35rem;display:flex}.pbs-type-variants span{border:1.5px solid;border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.pbs-type-card>p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.dark .pbs-type-card>p{color:#94a3b8}.pbs-previews-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.pbs-preview-card{color:inherit;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.pbs-preview-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.dark .pbs-preview-card{border-color:#1e293b}.pbs-preview-visual{align-items:flex-start;height:220px;padding:1rem;display:flex;overflow:hidden}.pbs-preview-sections{flex-direction:column;gap:.4rem;width:100%;display:flex}.pbs-mini-section{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:4px;padding:.4rem .75rem;font-size:.72rem;font-weight:700}.pbs-preview-footer{background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dark .pbs-preview-footer{background:#111827}.pbs-preview-footer strong{font-weight:800}.pbs-preview-footer span{color:#8b5cf6;font-size:.8rem;font-weight:700}.pbs-steps{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:3rem;display:flex}.pbs-step{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-width:200px;padding:1.75rem}.dark .pbs-step{background:#111827;border-color:#1e293b}.pbs-step-number{color:#e2e8f0;margin-bottom:.5rem;font-size:2.5rem;font-weight:900;line-height:1}.dark .pbs-step-number{color:#1e293b}.pbs-step h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:800}.pbs-step p{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.dark .pbs-step p{color:#94a3b8}.pbs-step-connector{color:#8b5cf6;flex-shrink:0;padding-top:1.75rem;font-size:1.5rem;font-weight:900}.pbs-launch-cta{text-align:center}@media (width<=640px){.pbs-step-connector{display:none}}