:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;min-height:100vh}a{text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}*,*:before,*:after{box-sizing:border-box}:root{--primary-color: #2d3748;--secondary-color: #718096;--accent-color: #6a80e8;--accent-hover: #5a70d8;--purple-accent: #754ea7;--background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);--card-bg: rgba(255, 255, 255, .9);--card-bg-light: rgba(255, 255, 255, .7);--card-bg-gradient: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));--border-color: rgba(106, 128, 232, .2);--border-radius: 16px;--box-shadow: 0 8px 32px rgba(106, 128, 232, .1);--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;--transition-speed: .3s;--container-max: 1200px;--background-color: #f7fafc;--border-light: rgba(106, 128, 232, .15)}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font-family);font-size:14px;font-weight:400;background:var(--background);background-attachment:fixed;color:var(--primary-color);line-height:1.5;overflow-x:hidden;letter-spacing:-.01em}h1,h2,h3{color:var(--primary-color);margin-bottom:.4em;font-weight:700;letter-spacing:-.02em}h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.15rem;line-height:1.3}h3{font-size:1rem;font-weight:600;line-height:1.35}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1rem}.page-section{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem 2rem;margin:1.5rem 0;border:1px solid var(--border-color)}.page-section .no-scroll{height:100vh;overflow:hidden}.page-section .controlled-scroll{height:100vh;overflow-y:auto;overflow-x:hidden}.dashboard-page .container{max-width:95vw}.dashboard-page .page-section{width:100%;padding:1.25rem 1.5rem}.dashboard-page canvas{max-width:320px!important;max-height:220px!important}.dashboard-page .page-section h3+div{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:1rem!important;overflow:visible!important}.dashboard-page .page-section h3+div>div{display:flex!important;flex-direction:column!important;align-items:center!important;padding:1rem!important;background:#6a80e80a!important;border-radius:12px!important;border:1px solid rgba(106,128,232,.1)!important;min-width:350px!important}.app-bg{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.app-header{padding:0;background:transparent;box-shadow:none}.navbar{width:100%;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px #6a80e814;animation:fadeInUp .15s ease-out}.navbar .logo{font-weight:800;font-size:1.25rem;color:var(--primary-color);text-decoration:none;background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-speed);animation:bounceIn .8s ease-out}.navbar .logo:hover{transform:translateY(-2px)}.navbar .nav-links{display:flex;gap:1.5rem;align-items:center}.navbar .nav-links>*{animation:fadeIn .2s ease-out}.navbar .nav-links>*:nth-child(1){animation-delay:.02s;opacity:0;animation-fill-mode:forwards}.navbar .nav-links>*:nth-child(2){animation-delay:.04s;opacity:0;animation-fill-mode:forwards}.navbar .nav-links>*:nth-child(3){animation-delay:.06s;opacity:0;animation-fill-mode:forwards}.navbar .nav-links>*:nth-child(4){animation-delay:.08s;opacity:0;animation-fill-mode:forwards}.navbar .nav-links>*:nth-child(5){animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.org-selector{position:relative;z-index:1001}.org-selector-btn{display:flex;align-items:center;gap:.5rem;background:#fffc;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:var(--primary-color);cursor:pointer;transition:all .2s ease;min-width:160px}.org-selector-btn:hover{background:#fff;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #6a80e826}.org-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.org-arrow{font-size:.7rem;transition:transform .2s ease;color:var(--secondary-color)}.org-arrow.open{transform:rotate(180deg)}.org-dropdown{position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #6a80e826;margin-top:.5rem;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.org-option{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem;font-size:.9rem;color:var(--primary-color);cursor:pointer;border-bottom:1px solid rgba(106,128,232,.08);transition:all .15s ease}.org-option:last-child{border-bottom:none}.org-option:hover{background:#6a80e814}.org-option.active{background:#6a80e81f;color:var(--accent-color);font-weight:500}.org-option-name{font-weight:500;margin-bottom:.1rem}.org-option-role{font-size:.8rem;color:var(--secondary-color);text-transform:capitalize}.navbar .nav-links a,.navbar .nav-links button{text-decoration:none;font-weight:500;font-size:.875rem;color:var(--secondary-color);transition:all var(--transition-speed);background:transparent;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:8px}.navbar .nav-links a:hover{color:var(--primary-color);background:#6a80e814}.navbar .nav-links button{background:#6a80e81a;border:1px solid rgba(106,128,232,.2);color:var(--accent-color);font-size:.8rem}.navbar .nav-links button:hover{background:#6a80e826;border-color:var(--accent-color);color:var(--primary-color)}.navbar .nav-links>span:not(.dashboard-tooltip){color:var(--primary-color);font-weight:600;padding:.4rem .75rem;background:#6a80e81a;border-radius:8px;border:1px solid rgba(106,128,232,.2);font-size:.8rem}.user-badge{color:var(--primary-color);font-weight:600;padding:.4rem .75rem;background:#6a80e81a;border-radius:8px;border:1px solid rgba(106,128,232,.2);font-size:.8rem;display:flex;align-items:center;gap:.25rem}.user-role{font-weight:400;opacity:.8;font-size:.75rem}.logout-btn{background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important;color:#dc2626!important;font-size:.8rem!important}.logout-btn:hover{background:#ef444426!important;border-color:#dc2626!important}.login-link{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent))!important;color:#fff!important;font-weight:600!important;font-size:.8rem!important}.login-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6a80e84d}.survey-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.25rem .75rem;width:100%}.survey-container{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1rem;width:100%;max-width:950px;height:65vh;margin:1rem auto;box-sizing:border-box;position:relative;overflow:hidden;border:1px solid var(--border-color);transition:height .4s ease,max-width .4s ease,box-shadow .3s ease}.survey-container:hover{box-shadow:0 12px 40px #6a80e826}.survey-scale-bar{position:absolute;left:0;bottom:0;width:100%;height:15px;background:#ffffff14;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center}.survey-scale-bar:after{content:"";display:block;width:60px;height:5px;background:#a0a0a0;border-radius:2px}.survey-scale-btn{width:100%;padding:.5rem 0;background:#ffffff1a;color:#fff;font-weight:500;font-size:.95rem;text-align:center;cursor:pointer;border:none;outline:none;transition:background .2s}.survey-scale-btn:hover{background:#fff3}.card{background:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:1.5rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-speed);animation:fadeInUp .15s ease-out}.card:hover{box-shadow:0 16px 40px #6a80e81f;transform:translateY(-2px)}input,textarea,select{width:100%;border-radius:10px;border:1px solid rgba(106,128,232,.2);padding:.65rem .9rem;font-size:.9rem;background:#fffc;color:var(--primary-color);margin-bottom:.875rem;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6a80e826;outline:none;background:#fffffff2}button{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 4px 16px #6a80e833;letter-spacing:-.01em;animation:fadeInUp .15s ease-out;transform-origin:center}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a80e84d}button:active{transform:scale(.98)}.dashboard-link-wrapper{position:relative;display:inline-block}.dashboard-link{position:relative;z-index:2}.dashboard-tooltip{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translate(-50%);bottom:-1.8em;background:none;color:inherit;padding:.1em .5em;border-radius:3px;font-size:.95em;white-space:nowrap;box-shadow:none;transition:opacity .2s;pointer-events:none;z-index:10}.dashboard-link-wrapper:hover .dashboard-tooltip{visibility:visible;opacity:1}.notice{background:#6a80e81a;border:1px solid rgba(106,128,232,.25);color:var(--primary-color);border-radius:12px;padding:.75rem 1rem;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice a{color:var(--accent-color);font-weight:500}.notice .close-btn{background:transparent;border:none;color:var(--secondary-color);cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.notice .close-btn:hover{background:#6a80e81a}.run-survey-page{background:var(--background);min-height:calc(100vh - 60px);padding:1rem 0}.run-survey-page .survey-runner-section{background:transparent;padding:0;box-shadow:none;border:none}.run-survey-page .loading-state,.run-survey-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--primary-color)}@media (max-width: 768px){.survey-container{padding:.75rem}.navbar,.navbar .nav-links{flex-direction:column;gap:.5rem}}.feature-gate-blocked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid var(--border-color);text-align:center;min-height:200px}.blocked-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.feature-gate-blocked h3{margin:0 0 .5rem;color:var(--primary-color);font-size:1.25rem}.feature-gate-blocked p{color:var(--secondary-color);margin:0 0 1.5rem;max-width:400px;line-height:1.6}.current-plan,.required-permission{background:#6a80e81a;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;color:var(--accent-color);margin-bottom:1rem}.upgrade-btn{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6a80e84d}.plan-badge-container{position:relative;display:inline-block}.plan-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.plan-features{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:0 8px 32px #6a80e826;margin-top:.5rem;min-width:200px;z-index:1000}.features-list{display:flex;flex-direction:column;gap:.5rem}.feature-item{font-size:.8rem;color:var(--primary-color)}.home-page{display:grid;gap:1.5rem;padding:1.5rem 2rem;margin:0;max-width:1200px;min-height:calc(100vh - 60px);position:relative;z-index:1;animation:fadeIn .15s ease-out}.home-page.centered{margin:0 auto}.home-page-wrapper{background-image:url(/images/home_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;max-height:100vh;overflow:hidden}.home-page-wrapper.scrollable{max-height:none;overflow:auto}.home-page-wrapper:before{content:"";position:absolute;inset:0;background:#00000005;z-index:0;pointer-events:none}.home-page-wrapper>*{position:relative;z-index:1}.home-page>*{position:relative;z-index:1}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;box-shadow:0 8px 32px #6a80e814;padding:1.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff26;transition:all .3s ease}.card:hover{box-shadow:0 12px 48px #6a80e826;border-color:#ffffff4d;transform:translateY(-3px);background:#fff3}.home-hero{text-align:left;position:relative;overflow:hidden;max-width:500px;min-height:280px;max-height:320px;margin-left:2rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.home-hero h1{font-size:1.8rem;margin:0 0 .75rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.home-hero .sub{font-size:1.05rem;color:var(--secondary-color);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:400}.home-hero .sub-small{font-size:.85rem;color:var(--secondary-color);margin:0 0 1.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5;font-weight:400}.user-welcome{display:inline-flex;align-items:center;gap:.5rem;background:#6a80e81a;border:1px solid rgba(106,128,232,.25);padding:.6rem 1.25rem;border-radius:50px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-welcome .emoji{font-size:1.25rem}.user-welcome .name{color:var(--accent-color);font-weight:700}.cta-row{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;position:relative;overflow:hidden;letter-spacing:-.01em;animation:bounceIn .2s ease-out;transform-origin:center}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:hover:before{width:250px;height:250px}.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);color:#fff;box-shadow:0 4px 16px #6a80e84d;position:relative;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a80e866}.btn-ghost{background:#ffffffb3;color:var(--primary-color);border:1px solid rgba(106,128,232,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--accent-color);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 16px #6a80e833}.home-features{position:relative}.section-title{font-size:1.5rem;color:var(--primary-color);margin:0 0 1.5rem;font-weight:700;text-align:center;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-item{background:#fff9;border:1px solid rgba(106,128,232,.15);border-radius:12px;padding:1.75rem 1.5rem;transition:all .3s ease;text-align:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .15s ease-out;opacity:0;animation-fill-mode:forwards}.feature-item:nth-child(1){animation-delay:.02s}.feature-item:nth-child(2){animation-delay:.04s}.feature-item:nth-child(3){animation-delay:.06s}.feature-item:nth-child(4){animation-delay:.08s}.feature-item:nth-child(5){animation-delay:.1s}.feature-item:nth-child(6){animation-delay:.12s}.feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--purple-accent) 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.feature-item:hover:before{opacity:1}.feature-item:hover{transform:translateY(-4px);background:#fffc;border-color:#6a80e84d;box-shadow:0 8px 32px #6a80e826}.feature-item .icon{font-size:2.25rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 2px 8px rgba(106,128,232,.2))}.feature-item .title{font-weight:700;font-size:1.1rem;margin:.5rem 0;color:var(--primary-color);letter-spacing:-.01em}.feature-item .desc{color:var(--secondary-color);font-size:.9rem;line-height:1.5;margin:0}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1.5rem}.stat-item{text-align:center;padding:1.25rem;background:#ffffff80;border-radius:10px;border:1px solid rgba(106,128,232,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6a80e81a}.stat-item .value{font-size:1.75rem;font-weight:800;color:var(--accent-color);display:block;margin-bottom:.4rem}.stat-item .label{color:var(--secondary-color);font-size:.9rem}@media (max-width: 768px){.home-hero h1{font-size:2rem}.home-hero .sub{font-size:1rem}.features-grid{grid-template-columns:1fr}.cta-row{flex-direction:column}.btn{width:100%}.home-page{padding:1rem;gap:1.5rem}.landing-auth-layout{flex-direction:column;gap:2rem;padding:1rem}.landing-content{max-width:100%;text-align:center}.landing-content h1{font-size:2rem}.auth-form{position:static;margin-top:1rem}}.landing-auth-layout{display:flex;justify-content:center;align-items:start;gap:3rem;max-width:1000px;margin:0 auto;padding:2rem 1rem;min-height:500px}.landing-content{width:400px;flex-shrink:0;animation:slideInLeft .2s ease-out;text-align:left}.landing-content h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.2}.features-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.feature-point{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-color);animation:fadeInUp .6s ease-out;opacity:0;animation-fill-mode:forwards}.feature-point:nth-child(1){animation-delay:.2s}.feature-point:nth-child(2){animation-delay:.4s}.feature-point:nth-child(3){animation-delay:.6s}.feature-point:nth-child(4){animation-delay:.8s}.feature-point .icon{font-size:1.25rem;width:32px;text-align:center}.auth-form-container{position:relative;width:350px;flex-shrink:0}.auth-form{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1.5rem;box-shadow:0 8px 32px #6a80e814;position:sticky;top:1.5rem;animation:slideInRight .2s ease-out}.auth-toggle{display:flex;background:#6a80e814;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.toggle-btn{flex:1;background:none;border:none;padding:.6rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--accent-color)}.toggle-btn.active{background:var(--accent-color);color:#fff}.auth-form input{width:100%;padding:.75rem;border:1px solid rgba(106,128,232,.3);border-radius:.5rem;background:#ffffff40;font-size:.85rem;margin-bottom:.75rem;transition:all .2s ease;box-sizing:border-box;animation:fadeInUp .15s ease-out;opacity:0;animation-fill-mode:forwards}.auth-form input:nth-of-type(1){animation-delay:.02s}.auth-form input:nth-of-type(2){animation-delay:.04s}.auth-form input:nth-of-type(3){animation-delay:.06s}.auth-form input:focus{outline:none;border-color:var(--accent-color);background:#fff6;box-shadow:0 0 0 3px #6a80e826}.auth-submit{width:100%;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6a80e84d}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.divider{text-align:center;color:#94a3b8;font-size:.85rem;margin:1.5rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#94a3b84d}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:1px solid rgba(0,0,0,.1);padding:.875rem;border-radius:.5rem;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.google-btn:hover:not(:disabled){background:#f8fafc;border-color:#00000026}.auth-error{background:#ef44441a;color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;min-height:auto;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2rem;opacity:.8}.stat-content{flex:1}.stat-number{font-size:1.8rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--secondary-color);font-weight:500}.recent-activity{margin-bottom:2rem}.recent-activity .section-title{margin-bottom:1.5rem;font-size:1.2rem;color:var(--primary-color);font-weight:600}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff4d;border-radius:8px;transition:all .2s ease}.activity-item:hover{background:#fff6;transform:translate(4px)}.activity-icon{font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6a80e81a;border-radius:50%}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.activity-meta{font-size:.8rem;color:var(--secondary-color)}.btn-small{padding:.4rem .8rem;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:6px;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn-small:hover{background:var(--purple-accent);transform:translateY(-1px)}.quick-actions .section-title{margin-bottom:1.5rem;font-size:1.2rem;color:var(--primary-color);font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.action-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;text-decoration:none;color:var(--primary-color);transition:all .3s ease;cursor:pointer}.action-item:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #6a80e826}.action-icon{font-size:1.5rem;opacity:.8}.action-text{font-size:.85rem;font-weight:500;text-align:center}@media (max-width: 768px){.card{padding:1.5rem}.home-hero h1{font-size:1.75rem}.dashboard-stats{grid-template-columns:1fr;gap:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-action{align-self:flex-end}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(1){animation-delay:0s;opacity:1}.spinner-ring:nth-child(2){animation-delay:-.4s;opacity:.7;transform:scale(.8);border-top-color:var(--purple-accent)}.spinner-ring:nth-child(3){animation-delay:-.8s;opacity:.4;transform:scale(.6);border-top-color:#6a80e899}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--secondary-color);font-size:.95rem;font-weight:500;opacity:0;animation:fadeInText .8s ease-out .5s forwards}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.loading-container{min-height:300px}.loading-spinner{width:60px;height:60px;margin-bottom:1.5rem}}.hero-section{text-align:center;padding:80px 0;max-width:900px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#6a80e8,#754ea7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:#64748b;line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-large{padding:16px 32px;font-size:1.1rem;font-weight:600}.features-section{padding:80px 0;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin:40px 0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:0 20px}.feature-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:32px;text-align:center;transition:all .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6a80e826;border-color:#6a80e84d}.feature-icon{font-size:3rem;margin-bottom:16px;display:block}.feature-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:12px}.feature-card p{color:#64748b;line-height:1.6;margin:0}.cta-section{text-align:center;padding:80px 0;background:linear-gradient(135deg,#6a80e81a,#754ea71a);border-radius:24px;margin:40px 0}.cta-content h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.cta-content p{font-size:1.125rem;color:#64748b;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;padding:0 16px}.hero-section,.features-section,.cta-section{padding:60px 16px}.cta-content h2{font-size:2rem}}.login-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#6a80e8,#754ea7);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.login-page-wrapper:before{content:"";position:absolute;inset:0;background:url(/images/home_background.png) center/cover;opacity:.1;z-index:0}.login-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;padding:2rem;position:relative;z-index:1;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-block;text-decoration:none;margin-bottom:.5rem}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6a80e8,#754ea7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:#6b7280;font-size:.95rem;margin:0;font-weight:500}.login-form-container{display:flex;flex-direction:column;gap:1rem}.auth-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:1rem}.toggle-btn{flex:1;background:none;border:none;padding:.75rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280}.toggle-btn.active{background:#fff;color:#374151;box-shadow:0 1px 3px #0000001a}.login-form-container input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.login-form-container input:focus{outline:none;border-color:#6a80e8;box-shadow:0 0 0 3px #6a80e81a}.login-form-container input::placeholder{color:#9ca3af}.auth-submit{width:100%;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6a80e866}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{text-align:center;color:#9ca3af;font-size:.85rem;margin:1.5rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.divider:before{left:0}.divider:after{right:0}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:2px solid #e5e7eb;padding:.875rem;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.google-btn:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error{background:#ef44441a;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}.invite-banner{padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.invite-banner p{margin:0;font-size:.95rem}.invite-banner .invite-subtitle{font-size:.85rem;margin-top:.5rem;opacity:.8}.invite-loading{background:#6a80e81a;color:#6a80e8;border:1px solid rgba(106,128,232,.2)}.invite-success{background:linear-gradient(135deg,#6a80e81a,#754ea71a);color:#374151;border:1px solid rgba(106,128,232,.3)}.invite-success strong{color:#6a80e8}.invite-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.password-hint{font-size:.8rem;color:#9ca3af;margin:.25rem 0 0}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.back-home{color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.back-home:hover{color:#6a80e8}@media (max-width: 480px){.login-page-wrapper{padding:1rem}.login-container{padding:1.5rem;max-width:none;margin:0}.login-header{margin-bottom:1.5rem}.logo-text{font-size:1.25rem}}.form-builder{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 200px);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(106,128,232,.15);box-shadow:0 8px 32px #6a80e81a;overflow:hidden}.form-builder-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;background:linear-gradient(135deg,#fffffffa,#f7fafcf2);border-bottom:1px solid rgba(106,128,232,.1)}.form-meta{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-title-input{font-size:1.5rem;font-weight:700;background:transparent;border:none;border-bottom:2px solid transparent;color:#2d3748;padding:.25rem 0;transition:border-color .2s;letter-spacing:-.02em}.form-title-input:focus{outline:none;border-bottom-color:#6a80e8}.form-title-input::placeholder{color:#a0aec0}.form-description-input{font-size:.95rem;background:transparent;border:none;border-bottom:1px solid transparent;color:#718096;padding:.25rem 0;transition:border-color .2s}.form-description-input:focus{outline:none;border-bottom-color:#6a80e8}.form-description-input::placeholder{color:#cbd5e0}.save-btn{padding:.75rem 1.75rem;font-weight:600;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6a80e84d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6a80e866}.save-btn:disabled{opacity:.6;cursor:not-allowed}.form-builder-content{display:grid;grid-template-columns:300px 1fr 400px;flex:1;overflow:hidden;background:#f7fafc}.questions-panel{background:#ffffffe6;border-right:1px solid rgba(106,128,232,.1);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(106,128,232,.1);background:#fffffff2}.panel-header h3{margin:0 0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#718096;font-weight:600}.add-question-wrapper{position:relative}.btn-add{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 4px 12px #6a80e840}.btn-add:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6a80e859}.add-question-menu{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #6a80e833;border:1px solid rgba(106,128,232,.15);z-index:1000;max-height:320px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(106,128,232,.3) transparent}.add-question-menu::-webkit-scrollbar{width:6px}.add-question-menu::-webkit-scrollbar-track{background:transparent}.add-question-menu::-webkit-scrollbar-thumb{background:#6a80e84d;border-radius:3px}.add-question-menu::-webkit-scrollbar-thumb:hover{background:#6a80e880}.add-question-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;color:#2d3748;cursor:pointer;text-align:left;transition:background .15s;font-size:.9rem}.add-question-option:hover{background:#6a80e814}.qt-icon{font-size:1.1rem}.questions-list{flex:1;overflow-y:auto;padding:1rem}.empty-questions{padding:2.5rem 1.5rem;text-align:center;color:#a0aec0}.empty-questions p{margin:0}.empty-questions .hint{font-size:.85rem;margin-top:.5rem;color:#cbd5e0}.question-item{background:#fff;border-radius:12px;margin-bottom:.75rem;padding:1rem;cursor:pointer;transition:all .2s;border:2px solid transparent;box-shadow:0 2px 8px #0000000a}.question-item:hover{box-shadow:0 4px 12px #6a80e81f;border-color:#6a80e833}.question-item.selected{border-color:#6a80e8;box-shadow:0 4px 16px #6a80e833;background:linear-gradient(135deg,#6a80e808,#754ea708)}.question-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.question-number{font-size:.8rem;color:#a0aec0;min-width:1.5rem;font-weight:500}.question-type-badge{font-size:1rem}.question-label{flex:1;font-size:.9rem;color:#2d3748;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.required-badge{color:#e53e3e;font-weight:700}.question-item-actions{display:flex;gap:.25rem;justify-content:flex-end}.action-btn{padding:.35rem .6rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:.8rem;transition:all .15s}.action-btn:hover:not(:disabled){background:#edf2f7;color:#2d3748;border-color:#cbd5e0}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.action-delete:hover:not(:disabled){background:#fff5f5;color:#e53e3e;border-color:#feb2b2}.editor-panel{padding:2rem;overflow-y:auto;background:#f7fafc}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center}.no-selection p{margin:0;font-size:1rem}.no-selection .hint{font-size:.85rem;margin-top:.5rem;color:#cbd5e0}.question-editor{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(106,128,232,.1)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.editor-header h3{margin:0;color:#2d3748;font-size:1.1rem;font-weight:600}.question-type-label{font-size:.75rem;padding:.35rem .875rem;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border-radius:20px;font-weight:600;letter-spacing:.3px}.editor-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group>label{font-size:.85rem;color:#4a5568;font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{padding:.875rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6a80e8;background:#fff;box-shadow:0 0 0 3px #6a80e81a}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#2d3748;font-weight:500}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#6a80e8;cursor:pointer}.form-row{flex-direction:row;gap:1rem}.form-col{flex:1;display:flex;flex-direction:column;gap:.5rem}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;gap:.5rem}.option-item input{flex:1}.remove-option-btn{padding:.75rem 1rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;color:#e53e3e;cursor:pointer;transition:all .15s;font-weight:500}.remove-option-btn:hover:not(:disabled){background:#feb2b2;color:#fff}.remove-option-btn:disabled{opacity:.4;cursor:not-allowed}.add-option-btn{padding:.75rem;background:transparent;border:2px dashed #cbd5e0;border-radius:10px;color:#718096;cursor:pointer;transition:all .15s;font-weight:500}.add-option-btn:hover{border-color:#6a80e8;color:#6a80e8;background:#6a80e80a}.preview-panel{background:#fff;border-left:1px solid rgba(106,128,232,.1);display:flex;flex-direction:column;overflow:hidden}.preview-panel .panel-header{background:#fffffffa;border-bottom:1px solid #e2e8f0}.preview-panel .panel-header h3{color:#718096;margin-bottom:0}.preview-content{flex:1;padding:1.75rem;overflow-y:auto;background:#fff}.preview-title{margin:0 0 .5rem;color:#2d3748;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.preview-description{margin:0 0 1.75rem;color:#718096;font-size:.95rem}.preview-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#a0aec0;text-align:center;background:#f7fafc;border-radius:12px;border:2px dashed #e2e8f0}.preview-questions{display:flex;flex-direction:column;gap:1.25rem}.question-preview{padding:1.25rem;border:2px solid transparent;border-radius:12px;transition:all .2s;cursor:pointer;background:#f7fafc;width:100%;box-sizing:border-box}.question-preview:hover{background:#edf2f7}.question-preview.selected{border-color:#6a80e8;background:linear-gradient(135deg,#6a80e80a,#754ea70a)}.preview-label{display:block;margin-bottom:.875rem;font-weight:600;color:#2d3748;font-size:.95rem;text-align:left}.question-num{color:#718096;margin-right:.25rem}.required-mark{color:#e53e3e;margin-left:.25rem}.preview-input{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#fff;color:#2d3748;box-sizing:border-box}.preview-input:disabled{background:#fff;cursor:default;color:#a0aec0}.preview-textarea{resize:vertical;min-height:80px}.preview-select{appearance:auto}.preview-rating{display:flex;gap:.35rem;justify-content:flex-start}.rating-star{font-size:1.75rem;color:#e2e8f0;cursor:default}.preview-options{display:block;width:100%;box-sizing:border-box}label.preview-option{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;margin-bottom:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:default;font-size:.9rem;text-align:left;width:100%;box-sizing:border-box;min-height:48px}label.preview-option:last-child{margin-bottom:0}label.preview-option input[type=radio],label.preview-option input[type=checkbox]{accent-color:#6a80e8;flex:0 0 auto;width:18px;height:18px;margin:0;padding:0;cursor:default}label.preview-option span{flex:1 1 auto;min-width:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:left;line-height:1.4;color:#2d3748}.preview-unknown{color:#a0aec0;font-style:italic;text-align:left}@media (max-width: 1200px){.form-builder-content{grid-template-columns:260px 1fr 340px}}@media (max-width: 992px){.form-builder-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.questions-panel{border-right:none;border-bottom:1px solid rgba(106,128,232,.1);max-height:220px}.preview-panel{border-left:none;border-top:1px solid rgba(106,128,232,.1);max-height:350px}}@media (max-width: 768px){.form-builder-header{flex-direction:column;gap:1rem}.save-btn{width:100%}.editor-panel,.question-editor{padding:1.25rem}}.header-actions{display:flex;align-items:center;gap:.75rem}.settings-btn{padding:.75rem 1.25rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.settings-btn:hover{background:#edf2f7;border-color:#cbd5e0}.settings-panel{padding:1.5rem 2rem;background:linear-gradient(135deg,#f7fafcfa,#edf2f7f2);border-bottom:1px solid rgba(106,128,232,.1);display:flex;gap:3rem;flex-wrap:wrap}.settings-section{flex:1;min-width:280px}.settings-section h4{margin:0 0 .75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#4a5568;font-weight:600}.settings-hint{margin:0 0 .75rem;font-size:.8125rem;color:#718096}.settings-warning{margin:.75rem 0 0;padding:.625rem .875rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:.8125rem;color:#92400e}.settings-panel .form-group{margin-bottom:1rem}.settings-panel .form-group>label{display:block;margin-bottom:.375rem;font-size:.8125rem;color:#4a5568;font-weight:500}.settings-panel select{padding:.625rem .875rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#2d3748;min-width:180px;cursor:pointer}.settings-panel select:focus{outline:none;border-color:#6a80e8;box-shadow:0 0 0 2px #6a80e81a}.checkbox-grid{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s;font-size:.8125rem;color:#4a5568}.checkbox-item:hover{border-color:#6a80e8;background:#6a80e805}.checkbox-item input[type=checkbox]{width:14px;height:14px;accent-color:#6a80e8;cursor:pointer}.checkbox-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-item input[type=checkbox]:disabled+span{opacity:.6}.form-hint{margin:.375rem 0 0;font-size:.75rem;color:#a0aec0}.media-type-hint{padding:.75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.media-type-hint .form-hint{margin:0;color:#0369a1}@media (max-width: 992px){.settings-panel{flex-direction:column;gap:1.5rem}.settings-section{min-width:100%}}@media (max-width: 768px){.header-actions{width:100%;flex-direction:column}.settings-btn,.header-actions .save-btn{width:100%}.settings-panel{padding:1rem 1.25rem}.checkbox-grid{gap:.375rem}.checkbox-item{padding:.25rem .5rem;font-size:.75rem}}.dashboard-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f7fafc,#edf2f7);background-attachment:fixed}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.welcome-banner{background:linear-gradient(135deg,#6a80e81a,#754ea71a);border-bottom:1px solid rgba(106,128,232,.15);padding:1.5rem 0;margin-bottom:0}.welcome-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.welcome-icon{font-size:2rem}.welcome-content h2{margin:0 0 .25rem;font-size:1.25rem;color:#2d3748}.welcome-content p{margin:0;color:#718096;font-size:.95rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{margin:0;font-size:2rem;font-weight:700;color:#2d3748;letter-spacing:-.02em}.header-subtitle{margin:.25rem 0 0;color:#718096;font-size:1rem}.btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6a80e84d}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a80e866}.btn-icon{font-size:1.25rem;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.1);border-radius:16px;box-shadow:0 4px 20px #0000000a;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6a80e81a}.stat-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a80e81a,#754ea71a);border-radius:14px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#2d3748;line-height:1}.stat-label{font-size:.875rem;color:#718096;margin-top:.25rem}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;color:#991b1b}.error-banner button{padding:.5rem 1rem;background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-weight:500;cursor:pointer;transition:all .2s}.error-banner button:hover{background:#fef2f2}.surveys-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.1);border-radius:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#ffffff80}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.loading-surveys{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#718096}.loading-spinner.small{width:40px;height:40px;margin-bottom:1rem}.empty-surveys{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-illustration{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-surveys h3{margin:0 0 .5rem;font-size:1.25rem;color:#2d3748}.empty-surveys p{margin:0 0 1.5rem;color:#718096;max-width:300px}.surveys-list{padding:1rem}.survey-card{display:flex;flex-direction:column;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:.75rem;transition:all .2s}.survey-card:last-child{margin-bottom:0}.survey-card:hover{border-color:#6a80e84d;box-shadow:0 4px 16px #6a80e81a}.survey-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.survey-info{flex:1;min-width:0}.survey-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.survey-meta{display:flex;align-items:center;gap:.625rem;font-size:.85rem;color:#718096}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.meta-separator{color:#cbd5e0}.meta-date{color:#a0aec0}.survey-stats{display:flex;gap:1.5rem}.survey-stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.stat-num{font-size:1.5rem;font-weight:700;color:#6a80e8;line-height:1}.stat-text{font-size:.75rem;color:#a0aec0;margin-top:.25rem}.survey-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:500;color:#4a5568;cursor:pointer;text-decoration:none;transition:all .15s}.action-btn:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.action-share:hover{background:#6a80e81a;border-color:#6a80e84d;color:#6a80e8}.action-analytics:hover{background:#48bb781a;border-color:#48bb784d;color:#38a169}.action-preview:hover{background:#ed89361a;border-color:#ed89364d;color:#dd6b20}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-state p{color:#718096;margin-top:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state h2{margin:0 0 .5rem;color:#2d3748}.empty-state p{margin:0 0 1.5rem;color:#718096}@media (max-width: 768px){.dashboard-container{padding:1.5rem 1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.btn-create{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.survey-main{flex-direction:column}.survey-stats{align-self:flex-start}.survey-actions{flex-wrap:wrap}.action-btn{flex:1;justify-content:center;min-width:100px}}.analytics-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f7fafc,#edf2f7);background-attachment:fixed}.analytics-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-left{display:flex;flex-direction:column;gap:.5rem}.back-link{color:#6a80e8;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.back-link:hover{color:#754ea7}.analytics-header h1{margin:0;font-size:2rem;font-weight:700;color:#2d3748}.survey-selector select{padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#2d3748;min-width:250px;cursor:pointer}.survey-selector select:focus{outline:none;border-color:#6a80e8;box-shadow:0 0 0 3px #6a80e81a}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:2rem}.analytics-stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.1);border-radius:16px;box-shadow:0 4px 20px #0000000a}.analytics-stat .stat-value{font-size:2.5rem;font-weight:700;color:#6a80e8;line-height:1}.analytics-stat .stat-label{font-size:.875rem;color:#718096;margin-top:.5rem}.analytics-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#ffffffe6;padding:.5rem;border-radius:12px;border:1px solid rgba(106,128,232,.1);width:fit-content}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:.95rem;font-weight:500;color:#718096;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#2d3748;background:#6a80e80d}.tab-btn.active{background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;box-shadow:0 4px 12px #6a80e84d}.tab-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.1);border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:2rem;min-height:400px}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;max-width:100%;overflow:hidden}.chart-header{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.chart-container{position:relative;width:100%;height:280px;max-height:280px}.chart-card canvas{max-width:100%!important;max-height:280px!important}.no-charts,.no-data{display:flex;align-items:center;justify-content:center;min-height:200px;color:#a0aec0;font-size:1rem}.table-wrapper{overflow-x:auto}.responses-table{width:100%;border-collapse:collapse;font-size:.9rem}.responses-table th,.responses-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.responses-table th{background:#f7fafc;font-weight:600;color:#4a5568;white-space:nowrap}.responses-table td{color:#2d3748}.responses-table tr:hover td{background:#f7fafc}.responses-table .location-cell{color:#6a80e8;font-weight:500;white-space:nowrap}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-state p,.error-state p{color:#718096;margin-top:1rem}.header-right{display:flex;align-items:center;gap:1rem}.export-dropdown-container{position:relative}.btn-export{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6a80e84d}.btn-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6a80e866}.btn-export:disabled{opacity:.6;cursor:not-allowed;transform:none}.dropdown-arrow{font-size:.7rem;margin-left:.25rem;transition:transform .2s}.export-dropdown-container:has(.export-dropdown-menu) .dropdown-arrow{transform:rotate(180deg)}.export-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.export-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:280px;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:flex-start;gap:.875rem;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s}.export-option:hover{background:#f7fafc}.export-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.export-option-text{display:flex;flex-direction:column;gap:.25rem}.export-option-title{font-size:.95rem;font-weight:600;color:#2d3748}.export-option-desc{font-size:.8rem;color:#718096}.export-divider{height:1px;background:#e2e8f0;margin:.25rem 0}@media (max-width: 768px){.analytics-container{padding:1.5rem 1rem}.analytics-header{flex-direction:column}.header-right{width:100%;flex-direction:column;align-items:stretch}.survey-selector select{width:100%}.btn-export{width:100%;justify-content:center}.export-dropdown-menu{left:0;right:0}.analytics-stats,.charts-section{grid-template-columns:1fr}.tab-content{padding:1.25rem}}.form-renderer{max-width:680px;margin:0 auto;padding:2.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(106,128,232,.15);box-shadow:0 8px 40px #6a80e81f}.form-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-title{margin:0 0 .625rem;font-size:1.875rem;font-weight:700;color:#2d3748;letter-spacing:-.02em}.form-description{margin:0;font-size:1rem;color:#718096;line-height:1.6}.form-questions{display:flex;flex-direction:column;gap:1.75rem}.question-field{padding:1.5rem;background:#f7fafc;border-radius:14px;border:2px solid transparent;transition:all .2s}.question-field:focus-within{background:#fff;border-color:#6a80e8;box-shadow:0 4px 20px #6a80e81f}.question-field.has-error{border-color:#e53e3e;background:#fff5f5}.field-label{display:block;margin-bottom:.875rem;font-weight:600;font-size:1rem;color:#2d3748}.question-number{color:#718096;margin-right:.375rem}.required-indicator{color:#e53e3e;margin-left:.25rem}.field-input{width:100%;padding:1rem 1.125rem;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#2d3748;background:#fff;transition:all .2s}.field-input:focus{outline:none;border-color:#6a80e8;box-shadow:0 0 0 3px #6a80e81f}.field-input.has-error{border-color:#e53e3e}.field-input::placeholder{color:#a0aec0}.field-textarea{resize:vertical;min-height:110px}.field-select{appearance:auto;cursor:pointer}.field-rating{display:flex;align-items:center;gap:.375rem;padding:.5rem 0}.rating-star{background:none;border:none;font-size:2.25rem;color:#e2e8f0;cursor:pointer;padding:.25rem;transition:all .15s;line-height:1}.rating-star:hover{transform:scale(1.15)}.rating-star.selected{color:#f6ad55}.rating-value{margin-left:1rem;font-size:.95rem;color:#718096;font-weight:500}.field-options{display:flex;flex-direction:column;gap:.75rem}.field-option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s}.field-option:hover{border-color:#6a80e8;background:#6a80e805}.field-option input[type=radio],.field-option input[type=checkbox]{width:20px;height:20px;accent-color:#6a80e8;cursor:pointer}.option-label{font-size:.95rem;color:#2d3748}.field-error{margin-top:.625rem;font-size:.875rem;color:#e53e3e;display:flex;align-items:center;gap:.375rem;font-weight:500}.field-error:before{content:"⚠"}.form-actions{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0}.submit-btn{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #6a80e84d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6a80e866}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}.form-renderer.submitted{display:flex;align-items:center;justify-content:center;min-height:350px}.thank-you{text-align:center}.thank-you-icon{width:88px;height:88px;margin:0 auto 1.75rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.75rem;animation:scaleIn .4s ease-out;box-shadow:0 8px 24px #48bb7859}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.thank-you h2{margin:0 0 .625rem;font-size:1.875rem;color:#2d3748;font-weight:700}.thank-you p{margin:0;color:#718096;font-size:1rem}.field-unknown{color:#a0aec0;font-style:italic}@media (max-width: 768px){.form-renderer{padding:1.75rem;margin:1rem;border-radius:16px}.form-title{font-size:1.5rem}.question-field{padding:1.25rem}.rating-star{font-size:1.875rem}}.form-renderer.rtl{text-align:right}.form-renderer.rtl .question-number{margin-right:0;margin-left:.375rem}.form-renderer.rtl .required-indicator{margin-left:0;margin-right:.25rem}.form-renderer.rtl .rating-value{margin-left:0;margin-right:1rem}.form-renderer.rtl .field-options{align-items:flex-end}.form-renderer.rtl .field-option{flex-direction:row-reverse}.form-renderer.rtl .field-error{flex-direction:row-reverse;text-align:right}.form-renderer.rtl .field-error:before{margin-right:0;margin-left:.375rem}.language-selector{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1rem;padding:.5rem;font-size:.875rem}.lang-select{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.lang-select:focus{outline:none;border-color:#6a80e8;box-shadow:0 0 0 2px #6a80e81f}.media-capture{padding:1rem;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;transition:all .2s}.media-capture:hover{border-color:#cbd5e0}.media-capture.has-error{border-color:#e53e3e}.media-capture.uploading{border-style:solid;border-color:#6a80e8;background:#6a80e805}.media-capture.has-value{border-style:solid;border-color:#48bb78;background:#48bb7805}.media-recorder{display:flex;flex-direction:column;align-items:center;gap:1rem}.recorder-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.record-btn,.stop-btn,.capture-btn,.cancel-btn,.clear-btn,.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.record-btn{background:linear-gradient(135deg,#6a80e8,#754ea7);color:#fff;box-shadow:0 3px 12px #6a80e840}.record-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #6a80e859}.stop-btn{background:#e53e3e;color:#fff;box-shadow:0 3px 12px #e53e3e40}.stop-btn.recording{animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%,to{box-shadow:0 3px 12px #e53e3e40}50%{box-shadow:0 3px 20px #e53e3e80}}.capture-btn{background:#48bb78;color:#fff;box-shadow:0 3px 12px #48bb7840}.cancel-btn{background:#e2e8f0;color:#4a5568}.clear-btn{background:#fff;color:#e53e3e;border:1px solid #e53e3e}.clear-btn:hover{background:#fff5f5}.upload-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;cursor:pointer}.upload-btn:hover{background:#edf2f7}.or-divider{color:#a0aec0;font-size:.875rem}.recording-indicator{display:flex;align-items:center;gap:.5rem;color:#e53e3e;font-weight:600;font-size:1rem}.pulse{width:10px;height:10px;background:#e53e3e;border-radius:50%;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.video-container,.image-container{width:100%;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;background:#000}.video-preview,.camera-preview{width:100%;display:block;border-radius:12px}.video-preview.live{transform:scaleX(-1)}.image-preview{width:100%;max-width:480px;display:block;border-radius:12px;margin:0 auto}.audio-preview{width:100%;max-width:320px}.recording-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.media-hint{margin:0;font-size:.8125rem;color:#a0aec0;text-align:center}.media-error{margin-top:.75rem;padding:.75rem 1rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.875rem;text-align:center}.upload-progress{width:100%;max-width:300px;text-align:center}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6a80e8,#754ea7);border-radius:4px;transition:width .2s}.progress-text{font-size:.875rem;color:#718096}.media-capture.has-value .media-preview{max-width:100%;border-radius:8px;margin-bottom:.75rem}.media-capture.has-value audio.media-preview{width:100%}.media-capture.has-value video.media-preview{width:100%;max-height:300px}.media-capture.has-value img.media-preview{max-width:100%;max-height:300px;object-fit:contain}.field-disabled{padding:1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;font-size:.875rem;text-align:center}.form-renderer.rtl .media-capture,.form-renderer.rtl .media-recorder{direction:ltr}.form-renderer.rtl .media-hint,.form-renderer.rtl .media-error{direction:rtl}@media (max-width: 768px){.video-container,.image-container{max-width:100%}.recorder-controls{flex-direction:column}.record-btn,.stop-btn,.capture-btn,.clear-btn{width:100%;justify-content:center}.or-divider{padding:.25rem 0}}.pricing-page{padding:1.5rem 1rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 60px);animation:fadeIn .15s ease-out}.pricing-header{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .15s ease-out}.pricing-header h1{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;letter-spacing:-.025em}.pricing-header p{color:var(--secondary-color);font-size:1rem;max-width:550px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 .5rem}.pricing-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.2);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;animation:bounceIn .8s ease-out;opacity:0;animation-fill-mode:forwards;overflow:hidden;display:flex;flex-direction:column}.pricing-card:nth-child(1){animation-delay:.2s}.pricing-card:nth-child(2){animation-delay:.4s}.pricing-card:nth-child(3){animation-delay:.6s}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--purple-accent));opacity:0;transition:opacity .3s ease}.pricing-card:hover:before{opacity:1}.pricing-card:hover{transform:translateY(-5px);border-color:#6a80e866;box-shadow:0 12px 40px #6a80e833}.pricing-card.popular{border:2px solid var(--accent-color);background:#6a80e80d}.pricing-card.popular:before{opacity:1;height:4px}.popular-badge{position:absolute;top:1.25rem;right:1.25rem;background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff;padding:.35rem .8rem;border-radius:16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.pricing-card-header{margin-bottom:1.5rem}.pricing-tier{font-size:1.3rem;font-weight:700;color:var(--primary-color);margin:0 0 .4rem;letter-spacing:-.01em}.pricing-description{color:var(--secondary-color);font-size:.9rem;margin:0}.pricing-price{margin-bottom:1.5rem}.price-amount{display:flex;align-items:baseline;gap:.4rem}.currency{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.period{font-size:1rem;color:var(--secondary-color);font-weight:500}.price-subtitle{color:var(--secondary-color);font-size:.8rem;margin-top:.4rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.pricing-features li{padding:.6rem 0;color:var(--primary-color);font-size:.85rem;display:flex;align-items:flex-start;gap:.6rem;line-height:1.4}.pricing-features li:before{content:"✓";color:var(--accent-color);font-weight:700;font-size:1.1rem;flex-shrink:0}.pricing-features li.disabled{color:#9ca3af;opacity:.6}.pricing-features li.disabled:before{content:"×";color:#9ca3af}.pricing-cta{width:100%;padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:700;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;letter-spacing:-.01em}.pricing-cta.primary{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff}.pricing-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6a80e866}.pricing-cta.secondary{background:#fffc;border:1px solid rgba(106,128,232,.3);color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-cta.secondary:hover{border-color:var(--accent-color);background:#fffffff2;box-shadow:0 4px 16px #6a80e833}.pricing-cta.current{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a;cursor:default}.pricing-cta.current:hover{transform:none;box-shadow:none}.pricing-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-cta:disabled:hover{transform:none;box-shadow:none}.pricing-card.enterprise{background:linear-gradient(135deg,#6a80e814,#754ea70f);border:1px solid rgba(117,78,167,.25)}@media (max-width: 968px){.pricing-grid{grid-template-columns:1fr;max-width:450px}.pricing-header h1{font-size:2.5rem}.amount{font-size:3rem}}@media (max-width: 640px){.pricing-page{padding:1.5rem 1rem}.pricing-header h1{font-size:2rem}.pricing-card{padding:2rem 1.5rem}}.org-setup-page{min-height:calc(100vh - 60px);padding:2rem 1rem;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .3s ease-out}.org-setup-container{width:100%;max-width:540px;animation:fadeInUp .4s ease-out}.org-setup-header{text-align:center;margin-bottom:2rem}.org-setup-header h1{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-.025em}.org-setup-header p{color:var(--secondary-color);font-size:1rem;margin:0}.plan-summary-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.plan-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(106,128,232,.1)}.plan-price .currency{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.plan-price .amount{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price .period{font-size:.9rem;color:var(--secondary-color);font-weight:500}.custom-price{font-size:1.1rem;font-weight:700;color:var(--purple-accent)}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--primary-color)}.feature-icon{font-size:1rem}.org-setup-form{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.2);border-radius:12px;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(106,128,232,.2);border-radius:8px;background:#fffc;color:var(--primary-color);transition:all .2s ease;box-sizing:border-box}.form-hint{display:block;font-size:.8rem;color:var(--secondary-color);margin-top:.4rem}.btn-primary,.btn-secondary{flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.setup-note{text-align:center;font-size:.85rem;color:var(--secondary-color);margin-top:1.5rem}.org-setup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.org-setup-loading p{margin-top:1rem;color:var(--secondary-color)}@media (max-width: 640px){.org-setup-page{padding:1.5rem 1rem}.org-setup-header h1{font-size:1.5rem}.plan-summary-features{flex-direction:column;gap:.75rem}.form-actions{flex-direction:column-reverse}}.org-signup-page{min-height:calc(100vh - 60px);padding:2rem 1rem;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .3s ease-out}.org-signup-container{width:100%;max-width:580px;animation:fadeInUp .4s ease-out}.org-signup-header{text-align:center;margin-bottom:1.5rem}.signup-logo{display:inline-block;margin-bottom:1rem;text-decoration:none}.signup-logo .logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.org-signup-header h1{font-size:1.75rem;font-weight:800;color:var(--primary-color);margin:0 0 .5rem;letter-spacing:-.025em}.org-signup-header p{color:var(--secondary-color);font-size:1rem;margin:0}.plan-summary-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.2);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.plan-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(106,128,232,.1)}.plan-badge{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff;padding:.35rem .9rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-price{display:flex;align-items:baseline;gap:.2rem}.plan-price .currency{font-size:1rem;font-weight:700;color:var(--primary-color)}.plan-price .amount{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-color) 0%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price .period{font-size:.85rem;color:var(--secondary-color);font-weight:500}.custom-price{font-size:1rem;font-weight:700;color:var(--purple-accent)}.plan-summary-features{display:flex;gap:1.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--primary-color)}.feature-icon{font-size:.9rem}.signup-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:0 1rem}.step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#fff9;border:1px solid rgba(106,128,232,.1);transition:all .3s ease}.step.active{background:#6a80e81a;border-color:#6a80e84d}.step.completed{background:#22c55e1a;border-color:#22c55e4d}.step-number{width:24px;height:24px;border-radius:50%;background:#6a80e833;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.step.active .step-number{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff}.step.completed .step-number{background:#22c55e;color:#fff}.step-label{font-size:.85rem;font-weight:600;color:var(--secondary-color)}.step.active .step-label{color:var(--primary-color)}.step-connector{width:30px;height:2px;background:#6a80e833}.org-signup-form{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,128,232,.2);border-radius:12px;padding:1.5rem}.form-step{animation:fadeIn .3s ease-out}.step-title{font-size:1.1rem;font-weight:700;color:var(--primary-color);margin:0 0 .25rem}.step-subtitle{font-size:.9rem;color:var(--secondary-color);margin:0 0 1.25rem}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%;padding:.7rem 1rem;font-size:1rem;border:1px solid rgba(106,128,232,.2);border-radius:8px;background:#fffc;color:var(--primary-color);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #6a80e81a}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--secondary-color);opacity:.7}.form-hint{display:block;font-size:.75rem;color:var(--secondary-color);margin-top:.35rem}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-primary,.btn-secondary{flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--purple-accent));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6a80e866}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fffc;border:1px solid rgba(106,128,232,.3);color:var(--primary-color)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-color);background:#fffffff2}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.signup-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--secondary-color)}.signup-footer a{color:var(--accent-color);text-decoration:none;font-weight:600}.signup-footer a:hover{text-decoration:underline}.org-signup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.org-signup-loading p{margin-top:1rem;color:var(--secondary-color)}@media (max-width: 640px){.org-signup-page{padding:1.5rem 1rem}.org-signup-header h1{font-size:1.5rem}.plan-summary-features{flex-direction:column;gap:.5rem}.signup-steps{flex-direction:column;gap:.75rem}.step-connector{width:2px;height:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}