:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#888;text-decoration:inherit}a:hover{color:#ccc}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:2px solid #888888;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;color:#888;cursor:pointer;transition:all .25s ease}button:hover{background-color:#888;color:#000;box-shadow:0 0 20px #8888884d}button:active{transform:scale(.95);box-shadow:0 0 10px #8b5cf680}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}a:hover{color:#ccc}button{background-color:#000;color:#888}}#root{max-width:100%;margin:0;padding:0;background:#fff;min-height:100vh;color:#000;overflow-x:hidden}.homepage-container{width:100vw;min-height:100vh;margin:0;padding:1rem;background:#fff;box-sizing:border-box;overflow-x:hidden}*{box-sizing:border-box}body{overflow-x:hidden;margin:0;padding:0}.global-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;justify-content:center;align-items:center;z-index:9999}.global-loading-content{text-align:center;color:#fff}.global-loading-logo{font-size:3rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.global-loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}.global-loading-content p{font-size:1.2rem;margin:0;opacity:.9}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a;position:sticky;top:1rem;z-index:100;margin-bottom:2rem;width:100%;box-sizing:border-box}.logo{color:#8b5cf6;font-size:2rem;font-weight:700;text-shadow:0 0 10px rgba(139,92,246,.5);margin:0}.nav{display:flex;gap:2rem}.client-login-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff!important;padding:8px 16px!important;border-radius:8px;font-weight:600;transition:all .3s ease}.client-login-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.main{width:100%;margin:0;padding:0;overflow-x:hidden;flex:1}.starry-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,rgba(139,92,246,.1) 0%,transparent 70%);animation:backgroundFlicker 8s ease-in-out infinite}.star{position:absolute;width:2px;height:2px;background:#8b5cf699;border-radius:50%;animation:twinkle linear infinite;box-shadow:0 0 4px #8b5cf666}.star:nth-child(3n){width:3px;height:3px;background:#8b5cf6cc;box-shadow:0 0 6px #8b5cf6cc;animation:twinkle 2s linear infinite}.star:nth-child(5n){width:1px;height:1px;background:#8b5cf666;box-shadow:0 0 3px #8b5cf64d;animation:twinkle 1.5s linear infinite}.star:nth-child(7n){width:4px;height:4px;background:#8b5cf6e6;box-shadow:0 0 8px #8b5cf6;animation:twinkle 3s linear infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}25%{opacity:.8;transform:scale(1.1)}50%{opacity:1;transform:scale(1.3)}75%{opacity:.6;transform:scale(1.1)}}@keyframes backgroundFlicker{0%,to{background:radial-gradient(ellipse at center,rgba(139,92,246,.05) 0%,transparent 70%)}25%{background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 70%)}50%{background:radial-gradient(ellipse at center,rgba(139,92,246,.1) 0%,transparent 70%)}75%{background:radial-gradient(ellipse at center,rgba(139,92,246,.2) 0%,transparent 70%)}}.hero-particles,.stats-particles,.services-particles,.plans-particles,.contact-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.hero-particle{position:absolute;width:4px;height:4px;background:#8b5cf666;border-radius:50%;animation:heroFloat linear infinite}@keyframes heroFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.stats-particle{position:absolute;width:5px;height:5px;background:#8b5cf680;border-radius:50%;animation:statsSpin linear infinite;box-shadow:0 0 8px #8b5cf666}@keyframes statsSpin{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.services-particle{position:absolute;width:5px;height:5px;background:#8b5cf680;border-radius:50%;animation:servicesSpin linear infinite}@keyframes servicesSpin{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.plans-particle{position:absolute;width:4px;height:4px;background:#8b5cf666;border-radius:50%;animation:plansFloat linear infinite;box-shadow:0 0 6px #8b5cf64d}@keyframes plansFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(0);opacity:0}}.contact-particle{position:absolute;width:3px;height:3px;background:#8b5cf6b3;border-radius:50%;animation:contactFade linear infinite}@keyframes contactFade{0%{transform:translateY(100vh);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px);opacity:0}}.hero{text-align:center;padding:2rem 4rem;margin-bottom:0;min-height:60vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.animated-title{color:#8b5cf6;text-shadow:0 0 15px rgba(139,92,246,.3);margin-bottom:1rem;font-size:3.5rem;font-weight:700;letter-spacing:-.02em}.hero-subtitle{font-size:1.4rem;color:#666;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #8b5cf633;letter-spacing:.5px;outline:none;user-select:none}.stats-section{padding:1rem 2rem;position:relative;overflow:hidden}.stats-container{display:flex;justify-content:center;max-width:1200px;margin:0 auto;gap:2rem;flex-wrap:wrap}.stat-item{text-align:center;padding:3rem 2rem;transition:all .3s ease;min-height:180px;min-width:180px;display:flex;flex-direction:column;justify-content:center;position:relative}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:700;color:#8b5cf6;margin-bottom:.5rem;text-shadow:0 0 10px rgba(139,92,246,.5)}.stat-label{font-size:1.6rem;color:#8b5cf6;font-weight:600;text-shadow:0 0 10px rgba(139,92,246,.3);letter-spacing:.5px}.services{padding:6rem 4rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.services h2{text-align:center;color:#8b5cf6;font-size:3.5rem;margin-bottom:4rem;text-shadow:0 0 15px rgba(139,92,246,.3)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3rem;max-width:1400px;margin:0 auto;padding:0 1rem;justify-items:center;align-items:start}.service-card{padding:3rem 2rem;text-align:center;transition:all .3s ease;min-height:250px;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:400px;margin:0 auto}.service-card:hover{transform:translateY(-3px)}.service-icon{font-size:3rem;margin-bottom:1rem;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-card h3{color:#8b5cf6;margin-bottom:1.5rem;font-size:1.6rem}.service-card p{color:#666;line-height:1.6;font-size:1.1rem}.plans{padding:6rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#8b5cf605,#7c3aed0d)}@media (max-width: 1200px){.plans{padding:5rem 1.5rem}}@media (max-width: 768px){.plans{padding:4rem 1rem;min-height:auto;width:100%;margin-left:0;margin-right:0;left:auto;right:auto}}.plans h2{text-align:center;color:#8b5cf6;font-size:3.5rem;margin-bottom:4rem;text-shadow:0 0 15px rgba(139,92,246,.3);opacity:0;transform:translateY(50px);animation:slideUpTitle .8s ease-out .2s forwards}@media (max-width: 1200px){.plans h2{font-size:3rem;margin-bottom:3rem}}@media (max-width: 768px){.plans h2{font-size:2.5rem;margin-bottom:2.5rem}}@media (max-width: 480px){.plans{padding:4rem 1rem}.plans h2{font-size:2rem;margin-bottom:2rem}}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;margin:0 auto;align-items:stretch;padding:0 1rem;justify-items:center;place-items:center}@media (max-width: 1200px){.services-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;justify-items:center;place-items:center}.plans-grid{grid-template-columns:repeat(2,1fr);max-width:800px;gap:1.8rem;justify-items:center;place-items:center}}@media (max-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:2rem;padding:0;justify-items:center;place-items:center;width:100%;margin:0 auto}.service-card{width:100%;max-width:90vw;margin:0 auto;justify-self:center;align-self:center}.plans-grid{grid-template-columns:1fr;max-width:100%;gap:1.5rem;padding:0;margin:0 auto;justify-items:center;place-items:center;width:100%}.plan-card{width:100%;max-width:90vw;margin:0 auto;justify-self:center;align-self:center}}@media (max-width: 480px){.plans-grid{gap:1rem;padding:0;max-width:100%;margin:0 auto;justify-items:center;place-items:center;width:100%}.plan-card{width:100%;max-width:calc(100vw - 2rem);margin:0 auto;padding:1.5rem 1rem;justify-self:center;align-self:center}}@keyframes slideUpTitle{to{opacity:1;transform:translateY(0)}}.plan-card{background:#ffffffe6;border:2px solid rgba(139,92,246,.1);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;cursor:pointer;width:100%;max-width:380px;display:flex;flex-direction:column;justify-content:space-between;overflow:visible;opacity:0;transform:translateY(100px);animation:slideUpCard .8s ease-out forwards;min-height:400px;box-shadow:0 4px 20px #8b5cf61a;margin:0 auto;align-self:center;justify-self:center}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px 20px 0 0}.plan-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #8b5cf633;border-color:#8b5cf64d;background:#fffffff2}@media (max-width: 1200px){.plan-card{padding:2rem 1.5rem;min-height:380px;max-width:350px;margin:0 auto;justify-self:center;align-self:center}}.plan-card:nth-child(1){animation-delay:.4s}.plan-card:nth-child(2){animation-delay:.6s}.plan-card:nth-child(3){animation-delay:.8s}@keyframes slideUpCard{to{opacity:1;transform:translateY(0)}}.plan-card:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.03) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.plan-card:hover:after{transform:translate(100%)}.plan-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #8b5cf626;border-color:#8b5cf666;background:#8b5cf614}.plan-card.popular{transform:scale(1.02)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.5rem 1.2rem;border-radius:20px;font-size:.75rem;font-weight:700;z-index:100;box-shadow:0 4px 15px #8b5cf666;letter-spacing:.5px;white-space:nowrap;animation:badgeGlow 2s ease-in-out infinite alternate;text-transform:uppercase}@media (max-width: 768px){.popular-badge{top:-10px;padding:.4rem 1rem;font-size:.75rem}}@media (max-width: 480px){.popular-badge{top:-8px;padding:.3rem .8rem;font-size:.7rem}}@keyframes badgeGlow{0%{box-shadow:0 4px 15px #8b5cf680}to{box-shadow:0 6px 20px #8b5cf6cc}}.plan-card h3{color:#8b5cf6;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px rgba(139,92,246,.2)}@media (max-width: 768px){.plan-card h3{font-size:1.4rem;margin-bottom:1rem}}@media (max-width: 480px){.plan-card h3{font-size:1.2rem;margin-bottom:.8rem}}.price{margin-bottom:2rem;padding:1.5rem 0;background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:12px;border:1px solid rgba(139,92,246,.1)}.amount{font-size:2.5rem;font-weight:800;color:#8b5cf6;text-shadow:0 0 15px rgba(139,92,246,.3);line-height:1;margin-bottom:.5rem}@media (max-width: 768px){.amount{font-size:2.2rem}}@media (max-width: 480px){.amount{font-size:2rem}}.period{color:#8b5cf6;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.features{list-style:none;padding:0;margin-bottom:2rem;text-align:left;flex:1}.features li{color:#555;margin-bottom:.75rem;padding:.5rem 0 .5rem 2rem;font-size:1rem;font-weight:500;position:relative;line-height:1.5}.features li:before{content:"✓";position:absolute;left:0;top:.5rem;color:#8b5cf6;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.features li{font-size:.95rem;margin-bottom:.5rem}}@media (max-width: 480px){.features li{font-size:.9rem;margin-bottom:.4rem}}.learn-more-container{text-align:center;margin:3rem auto 0;padding:0 2rem;max-width:800px;width:100%}.learn-more-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #8b5cf633;letter-spacing:.5px;outline:none;user-select:none}.learn-more-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf64d}.learn-more-button:active{transform:translateY(0);box-shadow:0 2px 10px #8b5cf666;transition:all .1s ease}.contact{text-align:center;padding:6rem 4rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.contact-card{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:4rem;backdrop-filter:blur(10px);max-width:800px;width:100%;margin:0 auto;text-align:center}.contact-card h2{color:#8b5cf6;margin-bottom:1.5rem;font-size:3rem}.contact-card p{color:#666;margin-bottom:3rem;font-size:1.3rem;line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:0;align-items:center;animation:slideDown .5s ease-out;margin-top:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-email,.contact-phone{color:#8b5cf6;font-size:1.2rem;font-weight:600;margin:0;padding:0;background:transparent;border:none;transition:all .3s ease}.contact-phone{margin-top:-.8rem}.contact-email:hover,.contact-phone:hover{color:#7c3aed;transform:translateY(-1px)}.contact-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #8b5cf633;letter-spacing:.5px;outline:none;user-select:none}.contact-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf64d}.contact-button:active{transform:translateY(0);box-shadow:0 2px 10px #8b5cf666;transition:all .1s ease}.footer{text-align:center;padding:2rem;background:#8b5cf61a;border-top:1px solid #e0e0e0;color:#666}@media (max-width: 768px){.homepage-container{padding:.5rem}.header{flex-direction:column;gap:1rem;padding:1rem;text-align:center;top:.5rem;margin-bottom:1rem}.learn-more-container{margin-top:2rem;padding:0 1rem}.learn-more-button{padding:.9rem 2rem;font-size:1rem}.nav{gap:1rem;justify-content:center;flex-wrap:wrap}.hero{padding:2rem .5rem;text-align:center}.hero h1{font-size:2.5rem!important}.services,.plans,.contact{padding:3rem .5rem;text-align:center}.services h2,.plans h2{font-size:2.5rem}.services-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1.5rem;max-width:100%;padding:0;justify-items:center;place-items:center;width:100%;margin:0 auto}.plans-grid{max-width:100%;gap:1.5rem;padding:0 1rem;justify-items:center}.plan-card.popular{transform:none}.stats-container{flex-direction:column;gap:1rem;align-items:center;justify-content:center}.stat-item{width:100%;max-width:300px;margin:0 auto}.stat-number{font-size:2.5rem}}@media (max-width: 480px){.homepage-container{padding:.5rem}.header{padding:1rem;top:.5rem}.services-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem;max-width:100%;padding:0;justify-items:center;place-items:center;width:100%;margin:0 auto}.service-card{padding:2rem 1rem;max-width:calc(100vw - 2rem);width:calc(100vw - 2rem);margin:0 auto;justify-self:center;align-self:center}.plans-grid{gap:1rem;padding:0 1rem;max-width:100vw;margin:0 auto;justify-items:center}.services,.plans{padding:3rem .5rem}.hero{padding:2rem .5rem}.contact{padding:3rem .5rem}}@media (min-width: 1600px){.plans-grid{max-width:1200px}}.calendly-popup-content .calendly-button,.calendly-popup-content button[type=submit],.calendly-popup-content .calendly-button-primary{background-color:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.calendly-popup-content .calendly-button:hover,.calendly-popup-content button[type=submit]:hover,.calendly-popup-content .calendly-button-primary:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.calendly-popup-content .calendly-button:active,.calendly-popup-content button[type=submit]:active,.calendly-popup-content .calendly-button-primary:active{background-color:#6d28d9!important;border-color:#6d28d9!important}.calendly-popup-content{background-color:#8b5cf61a!important}.calendly-popup-content .calendly-time-slot{background-color:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.calendly-popup-content .calendly-time-slot:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.calendly-popup-content input[type=submit],.calendly-popup-content .calendly-submit-button{background-color:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.calendly-popup-content input[type=submit]:hover,.calendly-popup-content .calendly-submit-button:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.detailed-plans-container{width:100vw;min-height:100vh;margin:0;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box}.plans-header{position:relative;text-align:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a}.plans-header h1{color:#374151;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.plans-header p{color:#6b7280;font-size:1.1rem;margin:0}.plans-main{width:100%;margin:0}.plan-selector{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a;overflow:hidden}.plan-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;width:100%;align-items:stretch}.plan-tab{background:transparent;border:none;border-radius:12px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative;min-width:180px;text-align:center;flex:0 1 auto;max-width:280px;color:#64748b;box-sizing:border-box}.plan-tab:hover{background:#8b5cf60d;color:#8b5cf6}.plan-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-tab.popular{border-color:#8b5cf633}.plan-tab.popular.active{border-color:#8b5cf6}.plan-tab h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.plan-tab.active h3{color:#fff}.tab-price{margin-top:1rem}.tab-price .amount{font-size:1.5rem;font-weight:700}.tab-price .period{font-size:.9rem}.plan-tab.active .tab-price .amount,.plan-tab.active .tab-price .period{color:#fff}.plan-details{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #8b5cf61a;width:100%;box-sizing:border-box}.plan-overview{text-align:center;margin-bottom:2rem}.plan-overview h2{color:#374151;font-size:2rem;margin-bottom:1rem}.plan-description{font-size:1rem;color:#6b7280;max-width:800px;margin:0 auto 1rem;line-height:1.6}.plan-price-large{margin-bottom:1rem}.plan-price-large .amount{font-size:2.5rem;font-weight:700;color:#8b5cf6}.plan-price-large .period{color:#8b5cf6;font-size:1rem}.plan-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.content-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease;min-height:250px;display:flex;flex-direction:column;box-shadow:0 2px 8px #8b5cf61a}.content-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.content-section h3{color:#374151;font-size:1.2rem;margin-bottom:1rem;text-align:center;font-weight:600}.features-list,.benefits-list,.deliverables-list{list-style:none;padding:0;margin:0;flex:1}.features-list li,.benefits-list li,.deliverables-list li{color:#6b7280;margin-bottom:.8rem;padding-left:.5rem;font-size:.95rem;line-height:1.5}.timeline-info{text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.timeline-info p{color:#6b7280;font-size:1rem;margin:0;padding:1rem;background:#8b5cf60d;border-radius:8px;max-width:400px}.cta-section{text-align:center;padding-top:2rem;border-top:1px solid #e5e7eb;margin-bottom:1rem}.cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.2rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #8b5cf633;letter-spacing:.5px;outline:none;user-select:none;margin-top:1.5rem;margin-bottom:1rem;display:inline-block;text-decoration:none}.cta-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf64d}.cta-button:active{transform:translateY(0);box-shadow:0 2px 10px #8b5cf666;transition:all .1s ease}.cta-note{color:#6b7280;font-size:1rem;margin:0;margin-bottom:1rem}.detailed-footer{text-align:center;padding:2rem 4rem;background:#8b5cf61a;border-top:1px solid #e0e0e0;color:#666;flex-shrink:0;width:100%;box-sizing:border-box}@media (max-width: 1200px){.detailed-plans-container{padding:.75rem}.plans-header{padding:1.25rem}.plan-details{padding:1.5rem}.plan-content-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-tabs{gap:.75rem}.plan-tab{min-width:160px;max-width:250px;padding:.875rem 1.25rem}}@media (max-width: 768px){.detailed-plans-container{padding:.5rem}.plans-header{padding:1rem}.plans-header h1{font-size:2rem}.plans-header p{font-size:1rem}.back-home-btn{top:1rem;left:1rem;padding:.4rem .8rem;font-size:.8rem}.plan-selector{padding:1rem;margin-bottom:1.5rem}.plan-tabs{flex-direction:column;gap:.75rem;align-items:center}.plan-tab{min-width:auto;max-width:100%;width:100%;padding:1rem;flex:none;margin:0}.plan-details{padding:1rem}.plan-overview h2{font-size:1.5rem}.plan-price-large .amount{font-size:2rem}.plan-content-grid{grid-template-columns:1fr;gap:.75rem}.content-section{padding:1rem;min-height:auto}.cta-button{padding:.75rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.detailed-plans-container{padding:.25rem}.plans-header{padding:.75rem}.plans-header h1{font-size:1.75rem}.back-home-btn{top:.75rem;left:.75rem;padding:.3rem .6rem;font-size:.75rem}.plan-selector{padding:.75rem;margin-bottom:1rem}.plan-tabs{gap:.5rem}.plan-tab{padding:.875rem;width:100%;margin:0}.plan-tab h3{font-size:1rem}.tab-price .amount{font-size:1.25rem}.plan-details{padding:.75rem}.plan-overview h2{font-size:1.25rem}.plan-price-large .amount{font-size:1.75rem}.content-section{padding:.75rem}.content-section h3{font-size:1rem}.features-list li,.benefits-list li,.deliverables-list li{font-size:.85rem}}.client-login-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;overflow-x:hidden;display:flex;flex-direction:column;margin:0;padding:1rem;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-header{position:relative;text-align:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a;flex-shrink:0;width:100%;box-sizing:border-box}.login-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a;padding:2rem;width:100%;max-width:500px;position:relative;overflow:hidden;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center}.login-header h1{color:#8b5cf6;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.login-header p{color:#64748b;font-size:1.1rem;margin:0}.login-card h2{color:#374151;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.subtitle{color:#6b7280;text-align:center;margin-bottom:30px;font-size:1rem}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:background-color .2s ease}.password-toggle:hover{background-color:#8b5cf61a}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;width:100%;margin-bottom:20px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-link{background:none;color:#8b5cf6;padding:8px 16px;font-size:.9rem}.btn-link:hover{background:#8b5cf61a;border-radius:6px}.form-footer{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:30px}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.button-group .btn{flex:1;min-width:120px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #8B5CF6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-spinner p{color:#6b7280;font-size:1rem;margin:0}.user-info{background:#f8fafc;padding:20px;border-radius:12px;margin-bottom:20px}.user-info p{margin:8px 0;color:#4b5563;font-size:.9rem}.user-info strong{color:#1f2937}@media (max-width: 768px){.client-login-container{padding:.5rem}.login-header{padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.login-header h1{font-size:2rem}.back-home-btn{position:static;margin-bottom:1rem;width:fit-content;align-self:flex-start}.login-card{padding:1.5rem;margin:0}.login-card h2{font-size:1.5rem}.button-group{flex-direction:column}.button-group .btn{width:100%}}@media (max-width: 480px){.client-login-container{padding:.5rem}.login-header{padding:1rem}.login-header h1{font-size:1.8rem}.login-card{padding:1rem}.login-card h2{font-size:1.4rem}.btn{padding:10px 20px;font-size:.9rem}}.profile-manager{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:flex-start;font-family:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"}.profile-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:3rem;max-width:800px;width:100%;margin-top:2rem}.profile-card h2{color:#8b5cf6;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px rgba(139,92,246,.3)}.message{padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:600}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.profile-section{margin-bottom:3rem;padding:2rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.profile-section h3{color:#8b5cf6;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{color:#4b5563;font-size:1rem;line-height:1.6;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.update-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group small{display:block;color:#6b7280;font-size:.875rem;margin-top:.5rem}.update-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.update-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.current-name{text-align:center;padding:2rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.name-display{font-size:1.5rem;font-weight:600;color:#8b5cf6;text-shadow:0 0 10px rgba(139,92,246,.3)}@media (max-width: 768px){.profile-manager{padding:1rem}.profile-card{padding:2rem 1.5rem;margin-top:1rem}.profile-card h2{font-size:2rem}.profile-section{padding:1.5rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-item{padding:.75rem}}@media (max-width: 480px){.profile-card{padding:1.5rem 1rem}.profile-card h2{font-size:1.8rem}.profile-section{padding:1rem}.name-display{font-size:1.3rem}}.swot-manager{padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.swot-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.swot-header h2{color:#1e293b;margin:0 0 .5rem;font-size:2rem}.swot-header p{color:#64748b;margin:0 0 1.5rem;font-size:1.1rem}.swot-input-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.swot-input-form h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.swot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem;max-width:1000px;margin:0 auto;justify-items:center;width:100%;box-sizing:border-box}.swot-card{background:#fffffff2;border-radius:16px;padding:2.5rem;border:2px solid;transition:all .3s ease;min-height:400px;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000d;width:100%;max-width:450px;box-sizing:border-box;overflow:hidden}.swot-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.swot-card-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;flex-shrink:0;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.1)}.swot-card-header h3{color:#8b5cf6;font-size:1.8rem;margin:0;font-weight:700}.btn-add{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-add:hover{background:#059669;transform:translateY(-1px)}.no-items{color:#9ca3af;text-align:center;font-style:italic;margin:auto}.swot-items-container{flex:1;overflow-y:auto}.global-items-section,.personal-items-section{margin-bottom:1.5rem}.section-title{color:#374151;font-size:1.1rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.global-icon,.personal-icon{font-size:1.2rem}.swot-items-list{list-style:none;padding:0;margin:0}.global-items .swot-item{background:#3b82f60d;border:1px solid rgba(59,130,246,.2)}.personal-items .swot-item{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2)}.swot-item{margin-bottom:1rem;padding:1rem;border-radius:8px;transition:all .2s ease}.swot-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.item-content{width:100%}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.item-header h4{color:#374151;font-size:1.1rem;margin:0;flex:1;margin-right:1rem}.global-badge{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.personal-badge{background:#8b5cf6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.item-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.btn-edit:hover{background:#3b82f61a}.item-description{color:#6b7280;font-size:.9rem;margin:0 0 .75rem;line-height:1.4}.swot-loading{display:flex;justify-content:center;align-items:center;min-height:500px;width:100%}.swot-loading-content{text-align:center;color:#6b7280}.swot-loading-spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.1);border-top:4px solid #8B5CF6;border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}.swot-loading-content h3{color:#374151;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.swot-loading-content p{margin:0;font-size:1rem;opacity:.8}@media (max-width: 768px){.swot-manager{padding:1rem;width:100%;overflow:hidden;box-sizing:border-box}.swot-grid{grid-template-columns:1fr;gap:1.5rem;justify-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.swot-card{padding:1.5rem;min-height:350px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.swot-card-header{flex-direction:column;gap:1rem;text-align:center}.swot-card-header h3{font-size:1.5rem}.btn-add{width:100%}.item-header{flex-direction:column;gap:.5rem}.item-header h4{margin-right:0}.item-actions{align-self:flex-end}.item-description{font-size:.9rem}.swot-input-form{padding:1.5rem;margin:1rem auto;max-width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.swot-manager{padding:.5rem}.swot-grid{gap:1rem;padding:0 .5rem}.swot-card{padding:1rem;min-height:300px;max-width:100%}.swot-card-header h3{font-size:1.1rem}}.performance-manager{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.performance-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.performance-section{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:16px;padding:2rem;border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 12px #8b5cf61a}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.2)}.section-icon{font-size:2rem}.section-header h3{color:#8b5cf6;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 0 10px rgba(139,92,246,.3)}.section-count{color:#6b7280;font-size:1rem;font-weight:500}.metric-target{color:#059669;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.25rem .5rem;background:#ecfdf5;border-radius:6px;display:inline-block}.no-metrics-section{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-metrics-section p{margin:0;font-size:.95rem}.metric-change{font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem;border-radius:6px;display:inline-block}.metric-change.positive{color:#059669;background:#ecfdf5}.metric-change.negative{color:#dc2626;background:#fef2f2}.performance-header h2{color:#8b5cf6;margin:0;font-size:2rem}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;justify-items:stretch}.metric-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #8b5cf626;transition:all .3s ease;border:2px solid rgba(139,92,246,.1);width:100%;max-width:350px}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b5cf64d;border-color:#8b5cf6;background:linear-gradient(135deg,#fff,#8b5cf605)}.metric-header{display:flex;align-items:center;margin-bottom:15px}.metric-icon{font-size:24px;margin-right:12px}.metric-title{flex:1}.metric-title h4{margin:0 0 4px;color:#8b5cf6;font-size:16px;font-weight:600}.metric-type{color:#6b7280;font-size:12px;text-transform:uppercase;font-weight:600}.metric-value{margin-bottom:10px}.metric-value .value{font-size:28px;font-weight:700;color:#8b5cf6;text-shadow:0 0 10px rgba(139,92,246,.2)}.metric-value .unit{font-size:14px;color:#7c3aed;margin-left:8px;font-weight:500}.metric-change{font-size:16px;font-weight:600;margin-bottom:10px}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.metric-details{color:#6b7280;font-size:14px}.metric-details .period{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:#8b5cf6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid rgba(139,92,246,.2)}.metric-details .description{margin-top:8px;line-height:1.4;font-size:12px}.no-metrics{grid-column:1 / -1;text-align:center;padding:80px 20px;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:12px;margin:20px 0;border:2px dashed rgba(139,92,246,.3)}.no-metrics-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-metrics h3{color:#8b5cf6;margin:0 0 1rem;font-size:1.5rem;font-weight:600;text-shadow:0 0 10px rgba(139,92,246,.3)}.no-metrics p{font-size:1rem;margin:0 0 .5rem;line-height:1.5}.no-metrics-hint{font-size:.875rem!important;color:#7c3aed!important;font-style:italic;font-weight:500}.performance-loading{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%;text-align:center;padding:60px 20px;color:#8b5cf6;font-size:18px;background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:12px;margin:20px 0;border:1px solid rgba(139,92,246,.2)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #8B5CF6;border-radius:50%;animation:spin 1s linear infinite}.loading-content p{margin:0;font-size:18px;font-weight:500}@media (max-width: 768px){.performance-manager{padding:1rem}.performance-sections{grid-template-columns:1fr;gap:1.5rem}.performance-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header h3{font-size:1.25rem}.performance-header{text-align:center}.metrics-grid{grid-template-columns:1fr;gap:1.5rem;justify-items:center}.metric-card{width:100%;max-width:400px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}}.dashboard-page{width:100vw;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;overflow-x:hidden;display:flex;flex-direction:column;margin:0;padding:1rem;box-sizing:border-box}.dashboard-header{position:relative;text-align:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a;flex-shrink:0;width:100%;box-sizing:border-box}.data-portal-btn{position:absolute;top:1.5rem;left:1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.data-portal-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.data-portal-btn:active{transform:translateY(0)}.dashboard-header h1{color:#8b5cf6;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.dashboard-header p{color:#64748b;font-size:1.1rem;margin:0}.nav{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:1rem;align-items:center}.nav a{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .3s ease}.nav a:hover{color:#7c3aed}.sign-out-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.sign-out-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.sign-out-btn:active{transform:translateY(0)}.dashboard-main{flex:1;width:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;margin:0}.message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;text-align:center;animation:slideIn .3s ease-out}.tab-selector{margin-bottom:2rem;width:100%}.tab-tabs{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:16px;box-shadow:0 2px 10px #8b5cf61a;width:100%}.tab-tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:center}.tab-tab:hover{background:#8b5cf61a;color:#8b5cf6}.tab-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.content-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #8b5cf61a;width:100%;box-sizing:border-box;margin:0}.content-overview{text-align:center;margin-bottom:2rem}.content-overview h2{color:#374151;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.content-description{font-size:1rem;color:#64748b;margin:0 auto 2rem;line-height:1.5}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:.5rem;justify-items:center;align-items:start;width:100%}.swot-card{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;transition:all .3s ease;min-height:300px;display:flex;flex-direction:column;box-shadow:0 2px 8px #8b5cf61a;width:100%;max-width:400px;margin:0 auto}.swot-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626;border-color:#8b5cf6}.swot-card h3{color:#374151;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.swot-card ul{list-style:none;padding:0;margin:0;flex:1}.swot-card li{color:#6b7280;margin-bottom:1rem;padding-left:.5rem;font-size:1rem;line-height:1.5}.metric-card{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center;min-height:250px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 8px #8b5cf61a;width:100%;max-width:400px;margin:0 auto}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626;border-color:#8b5cf6}.metric-card h3{color:#374151;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.metric-value{font-size:3rem;font-weight:700;color:#8b5cf6;margin-bottom:.5rem}.metric-card p{color:#666;font-size:1.1rem;margin-bottom:1rem}.metric-details{color:#8b5cf6;font-size:.9rem;font-weight:600}.report-card{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 8px #8b5cf61a;width:100%;max-width:400px;margin:0 auto}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626;border-color:#8b5cf6}.report-card h3{color:#374151;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.report-card p{color:#666;font-size:1.1rem;margin-bottom:1.5rem;flex:1}.report-status{color:#8b5cf6;font-weight:600;margin-bottom:1rem}.report-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.report-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.account-info{background:#ffffffe6;border-radius:12px;padding:3rem;border:1px solid rgba(139,92,246,.1);margin-top:3rem}.account-info h3{color:#8b5cf6;font-size:1.8rem;margin-bottom:2rem;text-align:center}.account-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.account-item{color:#666;font-size:1.1rem;line-height:1.6}.status-active{color:#059669}.profile-embed{grid-column:1 / -1;background:transparent;padding:0;margin:0;width:100%;display:flex;justify-content:center}.profile-embed .profile-manager{background:transparent;padding:0;margin:0;min-height:auto}.profile-embed .profile-card{background:#ffffffe6;margin:0;box-shadow:none;border:1px solid rgba(139,92,246,.1)}.swot-embed{grid-column:1 / -1;background:transparent;padding:0;margin:0;width:100%;display:flex;justify-content:center}.swot-embed .swot-manager{background:transparent;padding:0;margin:0;min-height:auto}.performance-embed{grid-column:1 / -1;background:transparent;padding:0;margin:0;width:100%;display:flex;justify-content:center}.performance-embed .performance-manager{background:transparent;padding:0;margin:0;min-height:auto}@media (max-width: 1400px){.dashboard-main{padding:.5rem}.dashboard-header{padding:.5rem 1rem}.content-section{padding:1.25rem}.hero-section h1{font-size:3rem}.content-overview h2{font-size:2.25rem}}@media (max-width: 1200px){.dashboard-main{padding:.5rem}.dashboard-header{padding:.5rem .75rem}.content-section{padding:1rem}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.hero-section{padding:.75rem 0;margin-bottom:.75rem}.hero-section h1{font-size:2.75rem}.content-overview h2{font-size:2rem}.tab-selector{margin-bottom:.75rem}}@media (max-width: 768px){.dashboard-page{padding:.5rem}.dashboard-header{padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.dashboard-header h1{font-size:2rem}.data-portal-btn{position:static;margin-bottom:1rem;width:fit-content;align-self:flex-start}.nav{position:static;margin-top:1rem;justify-content:center;flex-wrap:wrap;gap:.75rem}.dashboard-main{padding:0}.tab-selector{margin-bottom:1rem}.tab-tabs{flex-direction:column;gap:.25rem}.tab-tab{padding:.75rem 1rem;font-size:.95rem}.content-section{padding:1rem}.content-overview h2{font-size:1.5rem}.content-grid{grid-template-columns:1fr;gap:1rem;justify-items:center}.swot-card,.metric-card,.report-card{padding:1.5rem;min-height:auto;width:100%;max-width:none;margin:0}}@media (max-width: 480px){.dashboard-page{padding:.5rem}.dashboard-header{padding:1rem}.dashboard-header h1{font-size:1.8rem}.content-section{padding:1rem}.content-overview h2{font-size:1.5rem}.swot-card,.metric-card,.report-card{padding:1rem;width:100%;max-width:none;margin:0}}.admin-data-input{padding:2rem;max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh}.admin-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-header h2{color:#1e293b;margin:0 0 .5rem;font-size:2rem}.admin-header p{color:#64748b;margin:0;font-size:1.1rem}.view-mode-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.mode-btn{background:#fff;border:2px solid #e5e7eb;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem;color:#6b7280}.mode-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.mode-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.user-selection{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.user-selection h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;text-align:center}.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.user-card{background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.user-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.user-card.selected{border-color:#8b5cf6;background:#f3f4f6;box-shadow:0 4px 12px #8b5cf61a}.user-avatar{font-size:2rem;margin-bottom:1rem;text-align:center}.user-info h4{color:#1e293b;margin:0 0 .5rem;font-size:1.1rem}.user-info p{color:#6b7280;margin:0;font-size:.9rem}.message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.input-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.input-section h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;text-align:center}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.btn-primary{background:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.existing-items-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.existing-items-section h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card{border:2px solid;border-radius:12px;padding:1.5rem;background:#f8fafc;transition:all .2s ease}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-icon{font-size:1.2rem;margin-right:.5rem}.category-name{font-weight:600;color:#374151;font-size:.9rem}.btn-delete{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.btn-delete:hover{background:#ef44441a}.item-card h4{color:#1e293b;margin:0 0 .75rem;font-size:1.1rem;line-height:1.4}.item-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.priority-badge{background:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:4px;font-weight:500}.created-date{color:#9ca3af}@media (max-width: 768px){.admin-data-input{padding:1rem}.view-mode-selector{flex-direction:column;align-items:center}.mode-btn{width:100%;max-width:300px}.user-grid,.form-row,.items-grid{grid-template-columns:1fr}.admin-header h2{font-size:1.5rem}.input-section,.existing-items-section,.user-selection{padding:1.5rem}}.data-portal{width:100vw;min-height:100vh;margin:0;padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box}.portal-header{position:relative;text-align:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #8b5cf61a}.back-home-btn{position:absolute;top:1.5rem;left:1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.back-home-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.back-home-btn:active{transform:translateY(0)}.password-protection{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.password-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 8px 32px #8b5cf626;text-align:center;max-width:400px;width:100%;border:1px solid rgba(139,92,246,.1)}.password-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.8}.password-card h2{color:#374151;font-size:1.8rem;margin-bottom:1rem;font-weight:600}.password-card p{color:#6b7280;margin-bottom:2rem;font-size:1rem;line-height:1.5}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f9fafb;color:#374151}.password-input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.password-input::placeholder{color:#9ca3af}.password-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.9rem;border:1px solid #fecaca}.password-submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf64d}.password-submit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.password-submit-btn:active{transform:translateY(0)}.portal-header h1{color:#8b5cf6;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.portal-header p{color:#64748b;font-size:1.1rem;margin:0}.message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;text-align:center}.message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.portal-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:16px;box-shadow:0 2px 10px #8b5cf61a}.tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem}.tab:hover{background:#8b5cf61a;color:#8b5cf6}.tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.portal-content{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #8b5cf61a;max-width:none;width:100%}.user-selection{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:12px;border:1px solid rgba(139,92,246,.1)}.user-selection label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.user-selection select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;color:#374151;transition:border-color .3s ease}.user-selection select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.tab-content h2{color:#374151;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.data-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.data-form .form-group.full-width,.data-form button{grid-column:1 / -1}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:#374151}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;opacity:1}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#9ca3af}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af;opacity:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.data-form button{padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.data-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.data-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.existing-data-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb}.existing-data-section h3{color:#374151;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.data-sections{display:grid;gap:2rem}.data-section{background:#f9fafb;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.data-section h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.data-section h5{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.data-items{display:flex;flex-direction:column;gap:1rem}.data-item{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1rem;transition:all .2s ease}.data-item:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.data-item-content{flex:1;margin-right:1rem}.data-item-content p{color:#6b7280;margin:.5rem 0;font-size:.9rem;line-height:1.4}.data-item-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.8rem;color:#9ca3af}.data-item-meta span{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-weight:500}.data-item-meta .change{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.data-item-meta .change.positive{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.data-item-meta .change.negative{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.delete-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.2rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#fecaca;border-color:#f87171;transform:scale(1.05)}.delete-btn:active{transform:scale(.95)}@media (max-width: 768px){.data-portal{padding:.5rem}.portal-header{padding:1rem;margin-bottom:1rem}.portal-header h1{font-size:2rem}.back-home-btn{position:static;margin-bottom:1rem;width:fit-content;align-self:flex-start}.portal-header{display:flex;flex-direction:column;align-items:center}.portal-tabs{flex-direction:column;gap:.25rem}.tab{padding:.75rem 1rem;font-size:.95rem}.portal-content{padding:1rem}.data-form,.form-row{grid-template-columns:1fr;gap:1rem}.user-selection{padding:1rem}.data-item{flex-direction:column;align-items:stretch}.data-item-content{margin-right:0;margin-bottom:1rem}.data-item-meta{flex-direction:column;gap:.5rem}.delete-btn{align-self:flex-end;width:fit-content}.password-protection{padding:1rem;min-height:50vh}.password-card{padding:2rem}.password-card h2{font-size:1.5rem}}@media (max-width: 480px){.data-portal{padding:.5rem}.portal-header{padding:1rem}.portal-header h1{font-size:1.8rem}.portal-content{padding:1rem}.tab-content h2{font-size:1.5rem}.data-form button{padding:.875rem 1.5rem;font-size:1rem}}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.3);border-top:4px solid #8B5CF6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message{animation:slideIn .3s ease-out}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{border-color:#ef4444}.form-group input:valid,.form-group select:valid,.form-group textarea:valid{border-color:#10b981}.portal-content{transition:all .3s ease}.portal-content:hover{box-shadow:0 8px 30px #8b5cf626}
