*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#e4e4e7;background-color:#0a0a0a}.App{text-align:left;background-color:#0a0a0a;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;text-align:center}.section-description{font-size:1.1rem;color:#a1a1aa;text-align:center;max-width:600px;margin:0 auto 3rem;line-height:1.6}.btn-primary{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #42a7eb63}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #42a7eb80;background:linear-gradient(135deg,#4db3f0 0%,#42a7eb 100%)}.btn-secondary{background:transparent;color:#42a7eb;border:2px solid #42a7eb;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#42a7eb;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #42a7eb4d}.btn-primary.large,.btn-secondary.large{padding:16px 32px;font-size:1.1rem}.full-width{width:100%}@media (max-width: 768px){.container{padding:0 16px}section{padding:60px 0}.section-title{font-size:2rem}.section-description{font-size:1rem}}.header{position:fixed;top:0;left:0;right:0;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:1rem 0;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;font-weight:700;color:#42a7eb;margin:0}.nav{display:flex;gap:2rem}.nav-link{background:none;border:none;color:#e4e4e7;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease;text-decoration:none;padding:.5rem 0}.nav-link:hover{color:#42a7eb}.auth-buttons{display:flex;gap:1rem;align-items:center}.auth-buttons .btn-secondary,.auth-buttons .btn-primary{padding:8px 20px;font-size:.9rem}@media (max-width: 768px){.header-content{flex-direction:row;justify-content:space-between}.nav{display:none}.auth-buttons{gap:.5rem}.auth-buttons .btn-secondary,.auth-buttons .btn-primary{padding:6px 16px;font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:440px;padding:48px;position:relative;box-shadow:0 24px 48px #00000080;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#71717a;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(255,255,255,.05);color:#e4e4e7}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.modal-header p{font-size:.95rem;color:#a1a1aa;margin:0}.signin-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:#e4e4e7}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password{background:none;border:none;color:#42a7eb;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.forgot-password:hover{color:#4db3f0}.form-group input[type=email],.form-group input[type=password]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:.95rem;color:#e4e4e7;transition:all .2s ease;font-family:inherit}.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;background:rgba(66,167,235,.05);border-color:#42a7eb66;box-shadow:0 0 0 3px #42a7eb1a}.form-group input::placeholder{color:#52525b}.form-group input:disabled{opacity:.5;cursor:not-allowed}.checkbox-group{margin-top:-4px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;color:#a1a1aa;font-weight:400;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;min-width:20px;border-radius:4px;border:1px solid #3a3a3a;background:#0a0a0a;cursor:pointer;accent-color:#42a7eb;margin:0;flex-shrink:0}.checkbox-label span{line-height:1.4}.checkbox-label:hover{color:#e4e4e7}.checkbox-label:hover input[type=checkbox]{border-color:#42a7eb}.btn-submit{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #42a7eb40,inset 0 1px #ffffff1a;margin-top:8px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #42a7eb59,inset 0 1px #ffffff26}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:24px 0 20px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #2a2a2a}.divider span{padding:0 16px;color:#71717a;font-size:.875rem}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-social{background:rgba(255,255,255,.05);border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px;font-size:.95rem;font-weight:500;color:#e4e4e7;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-social:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#3a3a3a}.btn-social:disabled{opacity:.5;cursor:not-allowed}.btn-social svg{width:20px;height:20px}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:4px}.modal-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #2a2a2a}.modal-footer p{font-size:.875rem;color:#a1a1aa;margin:0}.link-button{background:none;border:none;color:#42a7eb;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease;font-size:inherit}.link-button:hover{color:#4db3f0;text-decoration:underline}@media (max-width: 480px){.modal-container{padding:32px 24px}.modal-header h2{font-size:1.5rem}.social-buttons{grid-template-columns:1fr}}.hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(66,167,235,.15),transparent),linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);padding:140px 0 100px;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(66,167,235,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(66,167,235,.08) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text{margin:0 auto}.hero-title{font-size:4.5rem;font-weight:800;margin-bottom:2rem;line-height:1.05;letter-spacing:-.04em;background:linear-gradient(135deg,#ffffff 0%,#e4e4e7 50%,#a1a1aa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:fadeInUp .8s ease-out .1s both}.hero-description{font-size:1.375rem;color:#a1a1aa;margin-bottom:3.5rem;line-height:1.5;max-width:700px;margin-left:auto;margin-right:auto;text-align:center;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:1.5rem;margin-bottom:5rem;justify-content:center;animation:fadeInUp .8s ease-out .3s both}.hero-buttons .btn-primary{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #42a7eb40,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.hero-buttons .btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.hero-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #42a7eb59,inset 0 1px #ffffff26}.hero-buttons .btn-primary:hover:before{opacity:1}.hero-buttons .btn-secondary{background:rgba(255,255,255,.05);color:#e4e4e7;border:1px solid rgba(255,255,255,.1);padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-buttons .btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#fff3;transform:translateY(-1px);color:#fff}.hero-stats{display:flex;gap:5rem;justify-content:center;align-items:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out .4s both}.stat{text-align:center;display:flex;flex-direction:column;gap:.5rem;position:relative}.stat:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,#42a7eb,transparent);opacity:.6}.stat-number{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#42a7eb 0%,#4db3f0 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-.02em}.stat-label{font-size:.875rem;color:#71717a;font-weight:500;text-transform:uppercase;letter-spacing:.8px}.company-logos{margin-top:7rem;text-align:center;animation:fadeInUp .8s ease-out .5s both}.logos-title{font-size:.875rem;color:#52525b;margin-bottom:2.5rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:500}.logos-container{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap;opacity:.7}.logo-item{font-size:1.125rem;font-weight:600;color:#52525b;transition:all .3s ease;position:relative}.logo-item:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#42a7eb;transform:scaleX(0);transition:transform .3s ease}.logo-item:hover{color:#71717a;transform:translateY(-2px)}.logo-item:hover:after{transform:scaleX(1)}@media (max-width: 768px){.hero{padding:120px 0 80px;min-height:80vh}.hero-title{font-size:3rem;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-description{font-size:1.125rem;margin-bottom:2.5rem}.hero-buttons{flex-direction:column;align-items:center;margin-bottom:4rem;gap:1rem}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;max-width:320px}.hero-stats{gap:3rem;margin-bottom:2rem}.stat-number{font-size:1.875rem}.stat-label{font-size:.75rem}.company-logos{margin-top:5rem}.logos-container{gap:2rem}.logo-item{font-size:1rem}}@media (max-width: 480px){.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.hero-stats{flex-direction:column;gap:2rem}.logos-container{gap:1.5rem}}.features{background:#0f0f0f}.features-header{text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:5rem}.feature-card{background:#1a1a1a;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;text-align:center;transition:all .3s ease;border:1px solid #2a2a2a}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #42a7eb33;border-color:#42a7eb}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#fff}.feature-description{color:#a1a1aa;line-height:1.6}.features-showcase{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);border-radius:24px;padding:4rem;color:#fff;box-shadow:0 20px 40px #42a7eb4d}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.showcase-text h3{font-size:2rem;margin-bottom:1rem;font-weight:700}.showcase-text p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.showcase-text .btn-primary{background:white;color:#42a7eb;box-shadow:none}.showcase-text .btn-primary:hover{background:#f8f9fa;color:#3b96d6;box-shadow:0 4px 14px #fff3}.showcase-visual{display:flex;justify-content:center}.demo-placeholder{background:rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}.demo-screen{background:#1a1a1a;border-radius:12px;padding:1.5rem;color:#e4e4e7;border:1px solid #2a2a2a}.demo-header{font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.demo-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.chart-item{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);height:60px;border-radius:8px;opacity:.8}.chart-item:nth-child(2){height:80px}.chart-item:nth-child(3){height:45px}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.features-showcase{padding:2rem}.showcase-content{grid-template-columns:1fr;gap:2rem}.showcase-text h3{font-size:1.5rem}.showcase-text p{font-size:1rem}}.pricing{background:#0a0a0a}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:5rem;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:#1a1a1a;border-radius:16px;padding:2rem;position:relative;border:2px solid #2a2a2a;transition:all .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006}.pricing-card.highlighted{border-color:#42a7eb;box-shadow:0 8px 30px #42a7eb4d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;padding:6px 20px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 14px #42a7eb66}.pricing-header-card{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.plan-price{margin-bottom:1rem}.price{font-size:3rem;font-weight:800;color:#fff}.period{font-size:1rem;color:#a1a1aa;margin-left:.25rem}.plan-description{color:#a1a1aa;line-height:1.5}.features-list{list-style:none;margin-bottom:2rem}.feature-item{padding:.75rem 0;display:flex;align-items:center;color:#e4e4e7;border-bottom:1px solid #3a3a3a}.feature-item:last-child{border-bottom:none}.checkmark{color:#28a745;font-weight:700;margin-right:.75rem;font-size:1.1rem}.btn-pricing{width:100%;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.btn-pricing.primary{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff}.btn-pricing.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #42a7eb80}.btn-pricing.secondary{background:transparent;color:#42a7eb;border:2px solid #42a7eb}.btn-pricing.secondary:hover{background:#42a7eb;color:#fff}.pricing-faq{text-align:center;max-width:800px;margin:0 auto}.pricing-faq h3{font-size:2rem;margin-bottom:3rem;color:#fff}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:left}.faq-item{background:#1a1a1a;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000004d;border:1px solid #2a2a2a}.faq-item h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#fff}.faq-item p{color:#a1a1aa;line-height:1.5}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:1.5rem}.plan-name{font-size:1.3rem}.price{font-size:2.5rem}.faq-grid{grid-template-columns:1fr;gap:1rem}}.contact{background:#0f0f0f}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{padding-right:2rem}.contact-details{margin:3rem 0}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.contact-icon{font-size:1.5rem;width:50px;height:50px;background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.contact-text h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:#fff}.contact-text p{color:#a1a1aa;margin:0}.social-links{margin-top:3rem}.social-links h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.social-icons{display:flex;gap:1rem}.social-link{color:#42a7eb;text-decoration:none;font-weight:500;transition:color .3s ease}.social-link:hover{color:#4db3f0}.contact-form-container{background:#1a1a1a;border-radius:16px;padding:2rem;border:1px solid #2a2a2a}.contact-form h3{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#fff}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#e4e4e7}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #3a3a3a;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit;background:#262626;color:#e4e4e7}.form-group input::placeholder,.form-group textarea::placeholder{color:#71717a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#42a7eb}.form-group textarea{resize:vertical;min-height:120px}.contact-form button{margin-top:1rem}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{padding-right:0}.contact-item{margin-bottom:1.5rem}.contact-form-container{padding:1.5rem}.social-icons{flex-wrap:wrap}}.footer{background:#0a0a0a;color:#e4e4e7;padding:3rem 0 1rem;border-top:1px solid #2a2a2a}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:2rem}.footer-logo h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#42a7eb}.footer-logo p{color:#a1a1aa;margin:0}.newsletter h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.newsletter p{color:#a1a1aa;margin-bottom:1rem;font-size:.9rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;background:#1a1a1a;color:#e4e4e7;font-size:.9rem}.newsletter-input:focus{outline:none;border-color:#42a7eb}.newsletter-input::placeholder{color:#71717a}.newsletter-btn{padding:.75rem 1.5rem;font-size:.9rem;white-space:nowrap}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.link-group h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.link-group ul{list-style:none;padding:0;margin:0}.link-group ul li{margin-bottom:.5rem}.link-group ul li a{color:#a1a1aa;text-decoration:none;font-size:.9rem;transition:color .3s ease}.link-group ul li a:hover{color:#42a7eb}.footer-bottom{border-top:1px solid #2a2a2a;padding-top:1rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#71717a;margin:0;font-size:.9rem}.footer-bottom .social-links{display:flex;gap:1rem}.footer-bottom .social-link{color:#a1a1aa;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom .social-link:hover{color:#42a7eb}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.newsletter-form{flex-direction:column}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal-container{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(66,167,235,.2);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080,0 0 0 1px #42a7eb1a;animation:slideUp .2s ease;position:relative;overflow:hidden}.confirmation-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,167,235,.4),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(66,167,235,.15)}.confirmation-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.confirmation-modal-close{background:transparent;border:none;color:#71717a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.confirmation-modal-close:hover{background:rgba(255,255,255,.05);color:#fff}.confirmation-modal-body{padding:24px}.confirmation-modal-body p{margin:0;font-size:.9375rem;line-height:1.6;color:#a1a1aa}.confirmation-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(66,167,235,.15);justify-content:flex-end}.confirmation-modal-btn{padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;min-width:80px}.confirmation-modal-btn.cancel{background:transparent;color:#71717a;border:1px solid rgba(255,255,255,.1)}.confirmation-modal-btn.cancel:hover{background:rgba(255,255,255,.05);color:#fff}.confirmation-modal-btn.confirm{background:linear-gradient(135deg,#42a7eb 0%,#2891d9 100%);color:#fff;border:none}.confirmation-modal-btn.confirm:hover{background:linear-gradient(135deg,#2891d9 0%,#1e7ec0 100%);transform:translateY(-1px);box-shadow:0 4px 12px #42a7eb66}.confirmation-modal-btn.confirm.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.confirmation-modal-btn.confirm.danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 12px #ef44444d}.confirmation-modal-btn.confirm.success{background:linear-gradient(135deg,#42a7eb 0%,#2891d9 100%)}.confirmation-modal-btn.confirm.success:hover{background:linear-gradient(135deg,#2891d9 0%,#1e7ec0 100%);box-shadow:0 4px 12px #42a7eb66}.dashboard-container{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(66,167,235,.12),transparent),linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#e4e4e7;position:relative;overflow-y:scroll}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(66,167,235,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(66,167,235,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard-header{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(66,167,235,.15);padding:1rem 0;position:sticky;top:0;z-index:100}.dashboard-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 2rem}.dashboard-logo h1{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#42a7eb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}.dashboard-user{display:flex;align-items:center;gap:1rem}.user-email{color:#71717a;font-size:.875rem}.user-role{padding:4px 10px;background:rgba(66,167,235,.1);border:1px solid rgba(66,167,235,.2);border-radius:6px;font-size:.75rem;color:#42a7eb;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.btn-logout{background:rgba(255,255,255,.05);color:#e4e4e7;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-logout:hover{background:rgba(255,255,255,.1);border-color:#fff3}.dashboard-tabs{background:transparent;border-bottom:1px solid rgba(66,167,235,.2);position:relative;z-index:1}.dashboard-tabs .container{max-width:1280px;margin:0 auto;padding:0 2rem}.tabs{display:flex;gap:0}.tab{background:none;border:none;color:#71717a;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative;letter-spacing:-.01em}.tab:hover{color:#e4e4e7;background:rgba(66,167,235,.05)}.tab.active{color:#42a7eb;border-bottom-color:#42a7eb;background:rgba(66,167,235,.08)}.dashboard-main{padding:3rem 0;max-width:1280px;margin:0 auto;position:relative;z-index:1}.dashboard-main .container{padding:0 2rem}.tab-content{animation:fadeInContent .3s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h2{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#e4e4e7 50%,#a1a1aa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.03em}.tab-description{font-size:1rem;color:#71717a;margin-bottom:3rem;line-height:1.5}.team-section{display:flex;flex-direction:column;gap:2rem}.add-member-form{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .2s ease;position:relative;overflow:hidden}.add-member-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,167,235,.3),transparent);opacity:0;transition:opacity .2s ease}.add-member-form:hover{background:rgba(255,255,255,.04);border-color:#42a7eb33}.add-member-form:hover:before{opacity:1}.add-member-form h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:-.02em}.form-row{display:flex;gap:.75rem}.input-field{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;font-size:.875rem;color:#e4e4e7;font-family:inherit;transition:all .2s ease}.input-field:focus{outline:none;background:rgba(66,167,235,.05);border-color:#42a7eb66;box-shadow:0 0 0 3px #42a7eb1a}.input-field::placeholder{color:#52525b}.btn-add{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #42a7eb40;position:relative;overflow:hidden}.btn-add:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 14px #42a7eb59}.btn-add:hover:before{opacity:1}.team-list h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em}.team-table{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;position:relative}.team-table:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,167,235,.4),transparent)}.team-row{display:grid;grid-template-columns:2fr 3fr 1fr 3fr;gap:1.25rem;padding:1rem 2rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.team-row:last-child{border-bottom:none}.team-row.header{background:rgba(255,255,255,.05);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#71717a;padding:.875rem 2rem;position:relative;z-index:1}.team-row:not(.header){color:#a1a1aa;font-size:.875rem;transition:background .15s ease}.team-row:not(.header):hover{background:rgba(255,255,255,.05)}.status{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;text-align:center;display:inline-block}.status.active{background:rgba(34,197,94,.1);color:#4ade80}.status.inactive{background:rgba(239,68,68,.1);color:#f87171}.status.paid{background:rgba(34,197,94,.1);color:#4ade80}.btn-toggle{background:transparent;color:#71717a;border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-toggle:hover{background:rgba(59,130,246,.1);color:#60a5fa;border-color:#3b82f64d}.btn-remove{background:transparent;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:6px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-remove:hover{background:rgba(239,68,68,.15);color:#fca5a5;border-color:#ef444480}.team-row .actions-container{display:flex;gap:10px;flex-wrap:nowrap;justify-content:flex-start}.billing-section{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.billing-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .2s ease;position:relative;overflow:hidden}.billing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,167,235,.3),transparent);opacity:0;transition:opacity .2s ease}.billing-card:hover{background:rgba(255,255,255,.04);border-color:#42a7eb33}.billing-card:hover:before{opacity:1}.billing-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.02em}.plan-info{display:flex;flex-direction:column;gap:1.25rem}.plan-name{font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:-.02em}.plan-price{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.03em}.plan-status,.plan-next{color:#71717a;font-size:.875rem}.plan-status .active{color:#4ade80;font-weight:500}.payment-history{display:flex;flex-direction:column;gap:.5rem}.payment-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1rem 1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;align-items:center;color:#a1a1aa;font-size:.875rem;transition:all .2s ease;position:relative;overflow:hidden}.payment-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#42a7eb,#4db3f0);transform:scaleY(0);transition:transform .2s ease}.payment-row:hover{background:rgba(255,255,255,.04);border-color:#42a7eb33}.payment-row:hover:before{transform:scaleY(1)}.dashboards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.dashboard-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;text-align:left;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#42a7eb,#4db3f0);transform:scaleX(0);transition:transform .3s ease}.dashboard-card:hover{background:rgba(255,255,255,.05);border-color:#fff3;transform:translateY(-2px)}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-icon{font-size:2rem;margin-bottom:.75rem;filter:grayscale(.2)}.dashboard-card h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.375rem;letter-spacing:-.02em}.dashboard-card p{color:#71717a;font-size:.8125rem;margin-bottom:1rem;line-height:1.4}.btn-view{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 2px 8px #42a7eb33;position:relative;overflow:hidden}.btn-view:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 14px #42a7eb4d}.btn-view:hover:before{opacity:1}.settings-section{max-width:600px}.settings-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .2s ease;position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,167,235,.3),transparent);opacity:0;transition:opacity .2s ease}.settings-card:hover{background:rgba(255,255,255,.04);border-color:#42a7eb33}.settings-card:hover:before{opacity:1}.settings-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.02em}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#e4e4e7;font-size:.875rem;font-weight:500;margin-bottom:.625rem}.btn-update{background:linear-gradient(135deg,#42a7eb 0%,#3b96d6 100%);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #42a7eb40;position:relative;overflow:hidden}.btn-update:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.btn-update:hover{transform:translateY(-2px);box-shadow:0 4px 14px #42a7eb59}.btn-update:hover:before{opacity:1}@media (max-width: 768px){.dashboard-header-content,.dashboard-main .container,.dashboard-tabs .container{padding:0 1rem}.dashboard-user{gap:.75rem}.user-email{display:none}.tab-content h2{font-size:1.75rem}.tabs{gap:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:1rem;font-size:.8125rem}.team-row{grid-template-columns:1fr;gap:.75rem;padding:1rem}.team-row.header{display:none}.team-row:not(.header){background:rgba(255,255,255,.02)}.billing-section,.dashboards-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.payment-row{grid-template-columns:1fr;gap:.5rem;font-size:.8125rem}.add-member-form,.team-table,.billing-card,.dashboard-card,.settings-card{border-radius:12px}}