@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.logo-loader-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f172a}.logo-loader-minimal{display:flex;align-items:center;justify-content:center}.logo-loader-default{display:flex;align-items:center;justify-content:center;padding:2rem}.logo-loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.logo-loader-svg-wrapper{position:relative}.logo-glow-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#4EBABD 0%,transparent 70%);transform:scale(1.5);filter:blur(24px);animation:logoGlowPulse 2s ease-in-out infinite}@keyframes logoGlowPulse{0%,to{opacity:.4;transform:scale(1.4)}50%{opacity:.7;transform:scale(1.6)}}.logo-loader-svg{position:relative;z-index:10;filter:drop-shadow(0 0 20px rgba(78,186,189,.3))}.logo-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawPath 2s ease forwards}.logo-path-1{animation-delay:0s}.logo-path-2{animation-delay:.3s}.logo-path-3{animation-delay:.6s}.logo-path-4{animation-delay:.8s}.logo-path-5{animation-delay:1s}@keyframes drawPath{0%{stroke-dashoffset:1000;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.logo-fill{opacity:0;animation:fadeInFill .8s ease forwards;animation-delay:1.5s}@keyframes fadeInFill{0%{opacity:0}to{opacity:1}}.logo-loader-text{display:flex;align-items:center;gap:.25rem}.logo-loader-label{font-size:.875rem;font-weight:500;color:#9ca3af;letter-spacing:.5px}.logo-loader-dots{font-size:.875rem;font-weight:500;color:#4ebabd;width:1.5rem;text-align:left}.logo-spinner{animation:spinRotate 1s linear infinite;filter:drop-shadow(0 0 8px rgba(78,186,189,.4))}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.logo-loader-default{padding:1rem}.logo-loader-text{gap:.125rem}.logo-loader-label,.logo-loader-dots{font-size:.75rem}}.logo-loader-continuous .logo-path{animation:drawPathContinuous 3s ease-in-out infinite}@keyframes drawPathContinuous{0%{stroke-dashoffset:1000;opacity:.3}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1000;opacity:.3}}.logo-loader-continuous .logo-fill{animation:fadeInOutFill 3s ease-in-out infinite}@keyframes fadeInOutFill{0%,to{opacity:0}40%,60%{opacity:1}}.logo-loader-pulse .logo-loader-svg{animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(78,186,189,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(78,186,189,.4))}}.login-page{height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a40,#0d2428);position:relative;padding:1.25rem 1.5rem;box-sizing:border-box}.structural-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(78,186,189,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.04) 1px,transparent 1px);background-size:50px 50px}.beam-structure{position:absolute;top:0;left:0;width:100%;height:100%}.beam{position:absolute;left:0;width:100%;height:1px;background:#4ebabd1a}.beam-1{top:20%}.beam-2{top:40%}.beam-3{top:60%}.beam-4{top:80%}.column{position:absolute;top:0;height:100%;width:1px;background:#4ebabd1a}.column-1{left:15%}.column-2{left:35%}.column-3{left:65%}.column-4{left:85%}.node{position:absolute;width:8px;height:8px;background:#4ebabd40;border-radius:50%;transform:translate(-50%,-50%);animation:moveLeftRight 4s ease-in-out infinite}.node-1{top:20%;left:15%;animation-delay:0s}.node-2{top:20%;left:35%;animation-delay:.2s}.node-3{top:20%;left:65%;animation-delay:.4s}.node-4{top:20%;left:85%;animation-delay:.6s}.node-5{top:40%;left:15%;animation-delay:.8s}.node-6{top:40%;left:85%;animation-delay:1s}.node-7{top:60%;left:15%;animation-delay:1.2s}.node-8{top:60%;left:85%;animation-delay:1.4s}.node-9{top:80%;left:35%;animation-delay:1.6s}.node-10{top:80%;left:65%;animation-delay:1.8s}.measurement{position:absolute;font-size:10px;color:#4ebabd1f;font-family:monospace}.measurement-1{top:22%;left:20%}.measurement-2{top:42%;left:70%}.measurement-3{top:62%;left:25%}.measurement-4{top:82%;left:75%}@keyframes moveLeftRight{0%,to{transform:translate(-50%,-50%) translate(0);opacity:.2}50%{transform:translate(-50%,-50%) translate(20px);opacity:.4}}.login-page .login-branding,.login-page .branding-content,.login-page .feature-list,.login-page .login-form-container,.login-page .login-form-wrapper{display:none}.mobile-logo{position:relative;z-index:10;margin-bottom:.75rem}.mobile-logo .logo-image{height:96px;width:auto;padding:14px 20px;background:#4ebabd26;border-radius:20px;box-shadow:0 2px 12px #00000040;display:block}.login-header{position:relative;z-index:10;text-align:center;margin-bottom:1rem}.login-header h2{font-size:1.6rem;font-weight:700;color:#4ebabd;margin-bottom:.3rem;text-shadow:0 2px 8px rgba(78,186,189,.25)}.login-header h2:before{content:"Welcome to ";color:#fff}.login-header p{color:#ffffffa6;font-size:.9rem}.login-content-stack{position:relative;z-index:10;width:100%;max-width:460px;display:flex;flex-direction:column}.login-card{position:relative;z-index:10;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:18px;padding:1.75rem 2rem;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;box-sizing:border-box}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;color:#fff;font-weight:600}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff80;z-index:2;pointer-events:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.login-page .input-wrapper input{width:100%;padding:12px 44px!important;background:#0a191ee6;border:1px solid rgba(78,186,189,.3);border-radius:10px;color:#fff;font-size:.9rem;box-sizing:border-box}.input-wrapper input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.input-wrapper input::placeholder{color:#ffffff59}.form-group.focused .input-icon,.form-group.has-value .input-icon{color:#4ebabd}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;z-index:2;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#4ebabd}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.forgot-password-link{color:#4ebabd;font-size:.8rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#6dd5d8;text-decoration:underline}.remember-me-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-left:28px}.remember-me-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.remember-me-label .checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background:#0a191ee6;border:1px solid rgba(78,186,189,.3);border-radius:4px;transition:all .2s ease}.remember-me-label:hover .checkmark{border-color:#4ebabd}.remember-me-checkbox:checked~.checkmark{background:#4ebabd;border-color:#4ebabd}.remember-me-label .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me-checkbox:checked~.checkmark:after{display:block}.remember-me-text{color:#ffffffa6;font-size:.82rem}.form-options{display:none}.login-button{width:100%;padding:15px 24px;background:linear-gradient(135deg,#4ebabd,#39a0a3,#2c7181);background-size:200% 200%;animation:btn-gradient-shift 3s ease infinite;border:none;border-radius:12px;cursor:pointer;margin-top:1rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4ebabd4d,0 1px 3px #00000026;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transition:left .5s ease}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #4ebabd73,0 2px 6px #0000001f}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4ebabd40,0 1px 2px #0000001a}.login-button:disabled{opacity:.55;cursor:not-allowed;animation:none}.login-button:disabled:before{display:none}@keyframes btn-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-content{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;font-size:1rem;letter-spacing:.3px;position:relative;z-index:1}.button-content svg{flex-shrink:0;transition:transform .25s ease}.login-button:hover:not(:disabled) .button-content svg{transform:translate(3px)}.login-error{display:flex;align-items:center;gap:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 12px;margin-bottom:.75rem}.error-icon{width:18px;height:18px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.login-error span{color:#fca5a5;font-size:.82rem}.login-divider{display:flex;align-items:center;gap:12px;width:100%;margin:.9rem 0 .75rem}.divider-line{flex:1;height:1px;background:#4ebabd26}.divider-text{color:#ffffff4d;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px}.trial-cta-button{position:relative;display:block;width:100%;padding:14px 20px;border-radius:12px;text-decoration:none;overflow:hidden;background:#0f2328b3;border:1px solid rgba(78,186,189,.35);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-sizing:border-box;box-shadow:0 2px 12px #00000026}.trial-cta-button:hover{background:#143237e6;border-color:#4ebabd99;transform:translateY(-1px);box-shadow:0 4px 20px #4ebabd33,0 0 0 1px #4ebabd1a}.trial-cta-button:active{transform:translateY(0);box-shadow:0 1px 6px #00000026}.trial-cta-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.trial-cta-left{display:flex;align-items:center;gap:11px}.trial-cta-icon{color:#a8ecee;flex-shrink:0}.trial-cta-text{display:flex;flex-direction:column;gap:2px}.trial-cta-title{color:#fff;font-size:.93rem;font-weight:700;letter-spacing:.2px}.trial-cta-sub{color:#a8eceebf;font-size:.7rem;font-weight:400}.trial-cta-arrow{color:#a8ecee;flex-shrink:0;transition:transform .25s ease}.trial-cta-button:hover .trial-cta-arrow{transform:translate(4px)}.login-footer{position:relative;z-index:10;margin-top:1.25rem;color:#ffffff40;font-size:.7rem;letter-spacing:.3px}.register-section,.login-signup-cta,.signup-cta-link{display:none}@media (max-width: 480px){.login-page{padding:1rem}.login-card{padding:1.25rem}.mobile-logo .logo-image{height:56px}.login-header h2{font-size:1.35rem}.trial-cta-button{padding:12px 14px}}@media (max-height: 700px){.login-page{padding:.75rem 1.5rem}.mobile-logo{margin-bottom:.5rem}.mobile-logo .logo-image{height:52px;padding:10px 14px}.login-header{margin-bottom:.6rem}.login-header h2{font-size:1.3rem}.login-card{padding:1.25rem 1.5rem}.login-form{gap:.75rem}.login-button{padding:12px 20px;margin-top:.5rem}.login-divider{margin:.6rem 0 .5rem}.trial-cta-button{padding:11px 16px}.login-footer{margin-top:.75rem}}.register-page{display:flex;min-height:100vh;background:#0f172a}.reg-success-page{align-items:center;justify-content:center;background:#0a1628;overflow:hidden;position:relative}.reg-success-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:regSuccessFadeIn .5s ease-out}@keyframes regSuccessFadeIn{0%{opacity:0}to{opacity:1}}.reg-glow-ring{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(78,186,189,.18) 0%,transparent 70%);animation:regGlowPulse 2s ease-in-out infinite;pointer-events:none;top:-60px}@keyframes regGlowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}.reg-success-icon{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:50%;color:#fff;animation:regIconBounce .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 8px #4ebabd1a,0 0 0 16px #4ebabd0d,0 12px 40px #4ebabd4d;margin-bottom:1.5rem}@keyframes regIconBounce{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.15) rotate(5deg);opacity:1}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.reg-sparkle{position:absolute;color:#4ebabd;animation:regSparklePop .4s ease-out forwards;opacity:0;pointer-events:none}.reg-sparkle-1{top:-40px;right:-50px;animation-delay:.5s}.reg-sparkle-2{top:10px;left:-60px;animation-delay:.7s;color:#f59e0b}.reg-sparkle-3{bottom:60px;right:-70px;animation-delay:.9s;color:#a78bfa}@keyframes regSparklePop{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(20deg);opacity:1}}.reg-success-screen h2{color:#f8fafc;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem;animation:regTextSlideUp .5s ease-out .3s both}.reg-success-subtitle{color:#94a3b8;font-size:.95rem;margin:0 0 2rem;animation:regTextSlideUp .5s ease-out .45s both}@keyframes regTextSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.reg-redirect-pill{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#4ebabd0f;border:1px solid rgba(78,186,189,.15);border-radius:999px;color:#4ebabd;font-size:.82rem;font-weight:500;animation:regTextSlideUp .5s ease-out .6s both}.reg-rocket{animation:regRocketBob 1.5s ease-in-out infinite}@keyframes regRocketBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.reg-success-page .confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.reg-success-page .confetti{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:regConfettiFall1 var(--fall-duration, 3s) var(--fall-delay, 0s) ease-in forwards;opacity:0}.reg-success-page .confetti-0{background:#4ebabd;left:10%;--fall-delay: .1s;--fall-duration: 2.8s;animation-name:regConfettiFall1}.reg-success-page .confetti-1{background:#f59e0b;left:25%;--fall-delay: .3s;--fall-duration: 3.2s;animation-name:regConfettiFall2}.reg-success-page .confetti-2{background:#a78bfa;left:40%;--fall-delay: 0s;--fall-duration: 2.6s;width:6px;height:10px;animation-name:regConfettiFall1}.reg-success-page .confetti-3{background:#34d399;left:55%;--fall-delay: .5s;--fall-duration: 3.4s;animation-name:regConfettiFall2}.reg-success-page .confetti-4{background:#f87171;left:70%;--fall-delay: .2s;--fall-duration: 2.9s;width:10px;height:6px;animation-name:regConfettiFall1}.reg-success-page .confetti-5{background:#60a5fa;left:85%;--fall-delay: .4s;--fall-duration: 3.1s;animation-name:regConfettiFall2}@keyframes regConfettiFall1{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(10vh) rotate(45deg) scale(1)}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes regConfettiFall2{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(10vh) rotate(-30deg) scale(1)}to{transform:translateY(100vh) rotate(-600deg) scale(.5);opacity:0}}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;padding:2rem}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:50%;color:#fff;margin-bottom:1.5rem;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-container h2{color:#f8fafc;font-size:1.875rem;margin-bottom:.5rem}.success-container p{color:#94a3b8;font-size:1rem}.register-branding{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem 2.5rem 2rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-right:1px solid rgba(78,186,189,.15);position:relative;overflow-y:auto}.register-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(78,186,189,.08) 0%,transparent 70%);pointer-events:none}.register-branding .branding-content{position:relative;z-index:1;flex:1}.register-branding .brand-logo{display:flex;align-items:center;gap:.75rem;color:#4ebabd;margin-bottom:1.75rem}.signup-logo-img{height:28px;width:auto}.register-branding .brand-name{font-size:1.6rem;font-weight:700;color:#e2e8f0;letter-spacing:-.5px}.register-branding .brand-highlight{color:#4ebabd}.register-branding .branding-title{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.75rem;line-height:1.25;letter-spacing:-.02em}.register-branding .branding-subtitle{font-size:.92rem;color:#94a3b8;line-height:1.55;max-width:420px;margin-bottom:1.75rem}.branding-benefits{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;align-items:center;gap:.625rem;color:#e2e8f0;font-size:.88rem}.benefit-item svg{color:#4ebabd;flex-shrink:0}.register-branding .branding-footer{position:relative;z-index:1;color:#64748b;font-size:.8rem}.signup-how-it-works{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem}.how-step{display:flex;align-items:flex-start;gap:.875rem}.how-step-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:#4ebabd1f;border:1px solid rgba(78,186,189,.2);border-radius:8px;color:#4ebabd}.how-step-text{display:flex;flex-direction:column;gap:.15rem;padding-top:.1rem}.how-step-text strong{font-size:.9rem;font-weight:600;color:#e2e8f0}.how-step-text span{font-size:.8rem;color:#7a8ba8;line-height:1.4}.signup-stats-row{display:flex;gap:1rem;margin-bottom:1.75rem}.signup-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem .5rem;background:#4ebabd0f;border:1px solid rgba(78,186,189,.12);border-radius:10px}.signup-stat-value{font-size:1.25rem;font-weight:700;color:#4ebabd;letter-spacing:-.02em}.signup-stat-label{font-size:.68rem;color:#7a8ba8;text-transform:uppercase;letter-spacing:.04em;text-align:center;font-weight:500}.signup-trust{display:flex;flex-direction:column;gap:.5rem}.trust-item{display:flex;align-items:center;gap:.625rem;font-size:.82rem;color:#94a3b8}.trust-item svg{color:#4ebabd;opacity:.8;flex-shrink:0}.register-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0f172a;overflow-y:auto}.register-form-wrapper{width:100%;max-width:440px}.register-header{text-align:center;margin-bottom:1.25rem}.register-header h2{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:.35rem}.register-header p{color:#94a3b8;font-size:.88rem}.register-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem;text-align:center}.register-form{display:flex;flex-direction:column;gap:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.register-form .form-group{display:flex;flex-direction:column;gap:.35rem}.register-form .form-group label{font-size:.82rem;font-weight:600;color:#cbd5e1}.register-form .input-wrapper{position:relative;display:flex;align-items:center}.register-form .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff59;pointer-events:none;z-index:2;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.register-form .input-wrapper input{width:100%;padding:10px 40px 10px 38px!important;background:#0a191ee6;border:1px solid rgba(78,186,189,.2);border-radius:8px;color:#fff;font-size:.88rem;transition:all .2s ease;box-sizing:border-box}.register-form .input-wrapper input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 2px #4ebabd1f}.register-form .input-wrapper input::placeholder{color:#ffffff4d;font-size:.85rem}.register-form .form-group.focused .input-icon,.register-form .form-group.has-value .input-icon{color:#4ebabd}.register-form .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff59;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2}.register-form .password-toggle svg{width:16px;height:16px}.register-form .password-toggle:hover{color:#4ebabd}.field-error{font-size:.72rem;color:#fca5a5}.register-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.25rem}.register-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4ebabd4d}.register-button:disabled{opacity:.7;cursor:not-allowed}.register-button .spinner{animation:spin 1s linear infinite}.register-divider{display:flex;align-items:center;margin:1rem 0}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:#1e293b}.register-divider span{padding:0 .75rem;color:#475569;font-size:.78rem}.login-link{display:block;text-align:center;padding:.625rem;background:transparent;border:1px solid #1e293b;border-radius:7px;color:#cbd5e1;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s ease}.login-link:hover{border-color:#4ebabd;color:#4ebabd;background:#4ebabd0a}.register-terms{margin-top:1rem;text-align:center;font-size:.72rem;color:#475569}.register-terms a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.register-terms a:hover{color:#4ebabd}@media (max-width: 1024px){.register-branding{display:none}.register-form-container{padding:2rem}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.register-form-container{padding:1.5rem}.register-header h2{font-size:1.5rem}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a1628;padding:2rem 1rem;position:relative;overflow:hidden}.signup-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(78,186,189,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.035) 1px,transparent 1px);background-size:48px 48px;z-index:0}.signup-page:before{content:"";position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(78,186,189,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.signup-card{position:relative;z-index:1;width:100%;max-width:460px;background:#0d192afa;border:1px solid rgba(78,186,189,.18);border-radius:20px;padding:2.25rem 2.5rem 2rem;box-shadow:0 24px 64px #00000080,0 0 0 1px #4ebabd0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signup-heading{margin-bottom:1.75rem}.signup-heading h1{font-size:1.55rem;font-weight:700;color:#f1f5f9;letter-spacing:-.03em;margin-bottom:.35rem;line-height:1.2}.signup-heading p{font-size:.82rem;color:#64748b;letter-spacing:.01em}.signup-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem;color:#fca5a5;font-size:.82rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.sf-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sf-group{display:flex;flex-direction:column;gap:.3rem}.sf-group label{font-size:.78rem;font-weight:600;color:#94a3b8;letter-spacing:.02em;text-transform:uppercase}.sf-input-wrap{position:relative;display:flex;align-items:center}.sf-icon{position:absolute;left:12px;color:#ffffff40;pointer-events:none;flex-shrink:0}.sf-input-wrap input{width:100%;padding:11px 38px 11px 36px;background:#ffffff0a;border:1px solid rgba(78,186,189,.15);border-radius:10px;color:#f1f5f9;font-size:.88rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.sf-input-wrap input::placeholder{color:#fff3}.sf-input-wrap input:focus{border-color:#4ebabd80;box-shadow:0 0 0 3px #4ebabd14;background:#4ebabd08}.sf-group.has-error .sf-input-wrap input{border-color:#ef444466}.sf-eye{position:absolute;right:10px;background:none;border:none;color:#ffffff40;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.sf-eye:hover{color:#4ebabd}.sf-err{font-size:.72rem;color:#f87171;margin-top:.1rem}.sf-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:13px;background:linear-gradient(135deg,#4ebabd,#2a6b7a);border:none;border-radius:11px;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s;margin-top:.25rem;letter-spacing:.01em;box-shadow:0 4px 16px #4ebabd40}.sf-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #4ebabd59}.sf-submit:disabled{opacity:.65;cursor:not-allowed}.signup-stat-bar{display:flex;align-items:stretch;margin-top:1.5rem;padding:.9rem 0;border-top:1px solid rgba(78,186,189,.1);border-bottom:1px solid rgba(78,186,189,.1)}.ssb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.15rem .25rem}.ssb-item b{font-size:1.1rem;font-weight:800;color:#4ebabd;letter-spacing:-.03em;line-height:1}.ssb-item span{font-size:.6rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;font-weight:500;text-align:center;line-height:1.3}.ssb-sep{width:1px;align-self:stretch;background:#4ebabd1f;margin:.1rem 0;flex-shrink:0}.signup-bottom{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.82rem;color:#475569}.signup-bottom a{color:#4ebabd;font-weight:600;text-decoration:none;transition:color .2s}.signup-bottom a:hover{color:#6dd5d8}.signup-terms{margin-top:.75rem;text-align:center;font-size:.68rem;color:#334155;line-height:1.5}.signup-terms a{color:#64748b;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#64748b66;transition:color .2s}.signup-terms a:hover{color:#94a3b8}.signup-success{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:0;animation:successFadeIn .5s ease-out}@keyframes successFadeIn{0%{opacity:0}to{opacity:1}}.success-glow-ring{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(78,186,189,.18) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite;pointer-events:none;top:calc(50% - 120px)}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}.signup-success-icon{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:50%;color:#fff;animation:iconBounceIn .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 8px #4ebabd1a,0 0 0 16px #4ebabd0d,0 12px 40px #4ebabd4d;margin-bottom:1.5rem}@keyframes iconBounceIn{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.15) rotate(5deg);opacity:1}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.success-sparkle{position:absolute;color:#4ebabd;animation:sparklePop .4s ease-out forwards;opacity:0;pointer-events:none}.sparkle-1{top:calc(50% - 140px);right:calc(50% - 80px);animation-delay:.5s}.sparkle-2{top:calc(50% - 80px);left:calc(50% - 90px);animation-delay:.7s;color:#f59e0b}.sparkle-3{top:calc(50% - 60px);right:calc(50% - 100px);animation-delay:.9s;color:#a78bfa}@keyframes sparklePop{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(20deg);opacity:1}}.signup-success h2{color:#f8fafc;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem;animation:textSlideUp .5s ease-out .3s both}.success-subtitle{color:#94a3b8;font-size:.95rem;margin:0 0 2rem;animation:textSlideUp .5s ease-out .45s both}@keyframes textSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.success-redirect{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#4ebabd0f;border:1px solid rgba(78,186,189,.15);border-radius:999px;color:#4ebabd;font-size:.82rem;font-weight:500;animation:textSlideUp .5s ease-out .6s both}.success-rocket{animation:rocketBob 1.5s ease-in-out infinite}@keyframes rocketBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confettiFall var(--fall-duration, 3s) var(--fall-delay, 0s) ease-in forwards;opacity:0}.confetti-0{background:#4ebabd;left:10%;--fall-delay: .1s;--fall-duration: 2.8s;animation-name:confettiFallSpin1}.confetti-1{background:#f59e0b;left:25%;--fall-delay: .3s;--fall-duration: 3.2s;animation-name:confettiFallSpin2}.confetti-2{background:#a78bfa;left:40%;--fall-delay: 0s;--fall-duration: 2.6s;width:6px;height:10px;animation-name:confettiFallSpin1}.confetti-3{background:#34d399;left:55%;--fall-delay: .5s;--fall-duration: 3.4s;animation-name:confettiFallSpin2}.confetti-4{background:#f87171;left:70%;--fall-delay: .2s;--fall-duration: 2.9s;width:10px;height:6px;animation-name:confettiFallSpin1}.confetti-5{background:#60a5fa;left:85%;--fall-delay: .4s;--fall-duration: 3.1s;animation-name:confettiFallSpin2}@keyframes confettiFallSpin1{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(10vh) rotate(45deg) scale(1)}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes confettiFallSpin2{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(10vh) rotate(-30deg) scale(1)}to{transform:translateY(100vh) rotate(-600deg) scale(.5);opacity:0}}@media (max-width: 520px){.signup-card{padding:1.75rem 1.5rem 1.5rem;border-radius:16px}.sf-row{grid-template-columns:1fr}.signup-trust-row{gap:.75rem}}.forgot-password-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a40,#0d2428);position:relative;padding:2rem}.forgot-password-page .structural-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.forgot-password-page .grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(78,186,189,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.04) 1px,transparent 1px);background-size:50px 50px}.forgot-password-page .beam-structure{position:absolute;top:0;left:0;width:100%;height:100%}.forgot-password-page .beam{position:absolute;left:0;width:100%;height:1px;background:#4ebabd1a}.forgot-password-page .beam-1{top:20%}.forgot-password-page .beam-2{top:40%}.forgot-password-page .beam-3{top:60%}.forgot-password-page .beam-4{top:80%}.forgot-password-page .column{position:absolute;top:0;height:100%;width:1px;background:#4ebabd1a}.forgot-password-page .column-1{left:15%}.forgot-password-page .column-2{left:85%}.forgot-password-page .node{position:absolute;width:10px;height:10px;background:#4ebabd40;border-radius:50%;transform:translate(-50%,-50%);animation:fpNodeMove 4s ease-in-out infinite}.forgot-password-page .node-1{top:20%;left:15%;animation-delay:0s}.forgot-password-page .node-2{top:40%;left:85%;animation-delay:.5s}.forgot-password-page .node-3{top:60%;left:15%;animation-delay:1s}.forgot-password-page .node-4{top:80%;left:85%;animation-delay:1.5s}.forgot-password-page .measurement{position:absolute;font-size:10px;color:#4ebabd26;font-family:monospace}.forgot-password-page .measurement-1{top:22%;left:20%}.forgot-password-page .measurement-2{top:62%;left:75%}@keyframes fpNodeMove{0%,to{transform:translate(-50%,-50%) translate(0);opacity:.2}50%{transform:translate(-50%,-50%) translate(20px);opacity:.4}}.forgot-password-page .mobile-logo{position:relative;z-index:10;margin-bottom:1.5rem}.forgot-password-page .mobile-logo .logo-image{height:100px;width:auto;padding:20px;background:#4ebabd33;border-radius:24px;box-shadow:0 4px 20px #0000004d;animation:fpLogoFloat 3s ease-in-out infinite,fpLogoGlow 2s ease-in-out infinite}@keyframes fpLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fpLogoGlow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 20px #4ebabd33}50%{box-shadow:0 4px 20px #0000004d,0 0 40px #4ebabd66}}.forgot-password-header{position:relative;z-index:10;text-align:center;margin-bottom:2rem}.forgot-password-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.forgot-password-header p{color:#fffc;font-size:1.1rem;margin:0}.forgot-password-card{position:relative;z-index:10;width:100%;max-width:480px;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}.forgot-password-card.success-card{text-align:center;padding:3rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.9rem;text-decoration:none;margin-bottom:1.75rem;transition:color .2s ease}.back-link:hover{color:#4ebabd}.forgot-password-error{display:flex;align-items:center;gap:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:.6rem}.forgot-password-form .form-group label{display:block;color:#fff;font-size:1rem;font-weight:600;transition:color .2s ease}.forgot-password-form .form-group.focused label{color:#4ebabd}.forgot-password-form .input-wrapper{position:relative;display:flex;align-items:center}.forgot-password-form .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2;pointer-events:none;width:18px;height:18px}.forgot-password-form .form-group.focused .input-icon,.forgot-password-form .form-group.has-value .input-icon{color:#4ebabd}.forgot-password-form input{width:100%;padding:16px 16px 16px 52px!important;background:#0a191ee6;border:1px solid rgba(78,186,189,.3);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.forgot-password-form input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.forgot-password-form input::placeholder{color:#fff6}.forgot-password-form .submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;cursor:pointer;margin-top:.75rem;transition:all .3s;box-shadow:0 4px 15px #4ebabd4d}.forgot-password-form .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#3a8a9a);box-shadow:0 6px 20px #4ebabd66;transform:translateY(-1px)}.forgot-password-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-form .submit-button .button-content{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;font-size:1.1rem}.forgot-password-form+.form-footer,.form-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(78,186,189,.2)}.form-footer p{color:#ffffffb3;font-size:.9rem;margin:0}.form-footer a{color:#4ebabd;text-decoration:none;font-weight:500;transition:color .2s ease}.form-footer a:hover{color:#6dd5d8}.forgot-password-card.success-card .success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#10b9811a;border:2px solid rgba(16,185,129,.2);border-radius:50%;margin:0 auto 1.5rem;color:#10b981}.forgot-password-card.success-card h2{display:block;color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.forgot-password-card.success-card .success-content{display:block;width:100%;margin:0 auto}.forgot-password-card.success-card .success-message{display:block;color:#fffc;font-size:1.05rem;line-height:1.8;margin:0 auto 1rem;text-align:center;max-width:340px;word-wrap:break-word}.forgot-password-card.success-card .success-message strong{display:inline;color:#4ebabd;font-weight:600;word-break:break-word}.forgot-password-card.success-card .success-hint{display:block;color:#ffffff80;font-size:.9rem;line-height:1.6;margin:0 auto;text-align:center;max-width:340px}.forgot-password-card.success-card .success-actions{display:block;text-align:center;margin-top:2rem}.forgot-password-card.success-card .back-to-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:14px 28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4ebabd4d}.forgot-password-card.success-card .back-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd59;background:linear-gradient(135deg,#5cc9cc,#3a8a9a)}.forgot-password-footer{position:relative;z-index:10;margin-top:2rem;color:#fff6;font-size:.8rem}@media (max-width: 480px){.forgot-password-page{padding:1rem}.forgot-password-card{padding:1.5rem;border-radius:16px}.forgot-password-page .mobile-logo .logo-image{height:56px}.forgot-password-header h2{font-size:1.5rem}.forgot-password-form input{padding:14px 14px 14px 48px!important}.forgot-password-form .input-icon{left:14px}.forgot-password-form .submit-button{padding:14px}}.reset-password-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a40,#0d2428);position:relative;padding:2rem}.reset-password-page .structural-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.reset-password-page .grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(78,186,189,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.04) 1px,transparent 1px);background-size:50px 50px}.reset-password-page .beam-structure{position:absolute;top:0;left:0;width:100%;height:100%}.reset-password-page .beam{position:absolute;left:0;width:100%;height:1px;background:#4ebabd1a}.reset-password-page .beam-1{top:20%}.reset-password-page .beam-2{top:40%}.reset-password-page .beam-3{top:60%}.reset-password-page .beam-4{top:80%}.reset-password-page .column{position:absolute;top:0;height:100%;width:1px;background:#4ebabd1a}.reset-password-page .column-1{left:15%}.reset-password-page .column-2{left:85%}.reset-password-page .node{position:absolute;width:10px;height:10px;background:#4ebabd40;border-radius:50%;transform:translate(-50%,-50%);animation:rpNodeMove 4s ease-in-out infinite}.reset-password-page .node-1{top:20%;left:15%;animation-delay:0s}.reset-password-page .node-2{top:40%;left:85%;animation-delay:.5s}.reset-password-page .node-3{top:60%;left:15%;animation-delay:1s}.reset-password-page .node-4{top:80%;left:85%;animation-delay:1.5s}.reset-password-page .measurement{position:absolute;font-size:10px;color:#4ebabd26;font-family:monospace}.reset-password-page .measurement-1{top:22%;left:20%}.reset-password-page .measurement-2{top:62%;left:75%}@keyframes rpNodeMove{0%,to{transform:translate(-50%,-50%) translate(0);opacity:.2}50%{transform:translate(-50%,-50%) translate(20px);opacity:.4}}.reset-password-page .mobile-logo{position:relative;z-index:10;margin-bottom:1.5rem}.reset-password-page .mobile-logo .logo-image{height:100px;width:auto;padding:20px;background:#4ebabd33;border-radius:24px;box-shadow:0 4px 20px #0000004d;animation:rpLogoFloat 3s ease-in-out infinite,rpLogoGlow 2s ease-in-out infinite}@keyframes rpLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rpLogoGlow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 20px #4ebabd33}50%{box-shadow:0 4px 20px #0000004d,0 0 40px #4ebabd66}}.reset-password-header{position:relative;z-index:10;text-align:center;margin-bottom:2rem}.reset-password-header .header-icon{color:#4ebabd;margin-bottom:.75rem}.reset-password-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.reset-password-header p{color:#fffc;font-size:1.1rem;margin:0}.reset-password-header p strong{color:#4ebabd}.reset-password-card{position:relative;z-index:10;width:100%;max-width:480px;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}.reset-password-card.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 3rem}.reset-password-card.loading-card .spinner{color:#4ebabd;animation:rpSpin 1s linear infinite}@keyframes rpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-password-card.loading-card p{color:#ffffffb3;font-size:1rem;margin:0}.reset-password-card.success-card,.reset-password-card.error-card{text-align:center;padding:3rem}.reset-password-card .success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#10b9811a;border:2px solid rgba(16,185,129,.2);border-radius:50%;margin:0 auto 1.5rem;color:#10b981}.reset-password-card .error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:50%;margin:0 auto 1.5rem;color:#ef4444}.success-card h2,.error-card h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.success-message,.error-message{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0 0 2rem}.sign-in-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:14px 28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4ebabd4d}.sign-in-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd59;background:linear-gradient(135deg,#5cc9cc,#3a8a9a)}.request-new-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:14px 28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4ebabd4d;margin-bottom:1rem}.request-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd59;background:linear-gradient(135deg,#5cc9cc,#3a8a9a)}.error-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.back-to-login-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.875rem;text-decoration:none;transition:color .2s ease}.back-to-login-link:hover{color:#4ebabd}.reset-password-error{display:flex;align-items:center;gap:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-form .form-group{display:flex;flex-direction:column;gap:.6rem}.reset-password-form .form-group label{display:block;color:#fff;font-size:1rem;font-weight:600;transition:color .2s ease}.reset-password-form .form-group.focused label{color:#4ebabd}.reset-password-form .input-wrapper{position:relative;display:flex;align-items:center}.reset-password-form .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2;pointer-events:none;width:18px;height:18px}.reset-password-form .form-group.focused .input-icon,.reset-password-form .form-group.has-value .input-icon{color:#4ebabd}.reset-password-form input{width:100%;padding:16px 50px 16px 52px!important;background:#0a191ee6;border:1px solid rgba(78,186,189,.3);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.reset-password-form input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.reset-password-form input::placeholder{color:#fff6}.reset-password-form .password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2}.reset-password-form .password-toggle:hover{color:#4ebabd}.reset-password-form .input-hint{display:block;color:#fff6;font-size:.8rem;margin-top:.25rem}.reset-password-page .submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;cursor:pointer;margin-top:.75rem;transition:all .3s;box-shadow:0 4px 15px #4ebabd4d}.reset-password-page .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#3a8a9a);box-shadow:0 6px 20px #4ebabd66;transform:translateY(-1px)}.reset-password-page .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-password-page .submit-button .button-content{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;font-size:1.1rem}.reset-password-page .form-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(78,186,189,.2)}.reset-password-page .back-to-login{display:inline-flex;align-items:center;gap:.5rem;color:#fff9;font-size:.9rem;text-decoration:none;transition:color .2s ease}.reset-password-page .back-to-login:hover{color:#4ebabd}.reset-password-footer{position:relative;z-index:10;margin-top:2rem;color:#fff6;font-size:.8rem}@media (max-width: 480px){.reset-password-page{padding:1rem}.reset-password-card{padding:1.5rem;border-radius:16px}.reset-password-page .mobile-logo .logo-image{height:56px}.reset-password-header h2{font-size:1.5rem}.reset-password-form input{padding:14px 46px 14px 48px!important}.reset-password-form .input-icon{left:14px}.reset-password-form .password-toggle{right:12px}.reset-password-page .submit-button{padding:14px}}.eula-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0a0f1a,#111827,#0a0f1a);position:relative;padding:2rem}.eula-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.eula-bg .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,186,189,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.03) 1px,transparent 1px);background-size:40px 40px}.eula-logo{position:absolute;top:2rem;left:2rem;z-index:10}.eula-logo img{height:32px;width:auto}.eula-container{width:100%;max-width:700px;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:20px;overflow:visible;z-index:10;margin-top:4rem;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:calc(100vh - 10rem)}.eula-header{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(78,186,189,.2);background:#4ebabd0d;flex-shrink:0;border-radius:20px 20px 0 0}.eula-header .header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#4ebabd1a;border-radius:50%;color:#4ebabd;margin-bottom:1rem}.eula-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.eula-header p{color:#fff9;font-size:1rem;margin:0}.eula-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.5rem 2rem}.eula-content::-webkit-scrollbar{width:8px}.eula-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.eula-content::-webkit-scrollbar-thumb{background:#4ebabd4d;border-radius:4px}.eula-content::-webkit-scrollbar-thumb:hover{background:#4ebabd80}.eula-intro{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.eula-intro p{color:#fffc;font-size:.95rem;line-height:1.7;margin:0 0 .75rem}.eula-intro strong{color:#4ebabd}.eula-version{color:#ffffff80!important;font-size:.85rem!important}.eula-section{margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:#ffffff08;border:none;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.section-header:hover{background:#4ebabd1a}.section-header svg:first-child{color:#4ebabd}.section-header svg:last-child{margin-left:auto;color:#ffffff80}.section-content{padding:1rem 1.25rem;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.section-content p{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.section-content ul{margin:0;padding-left:1.5rem}.section-content li{color:#ffffffb3;font-size:.9rem;line-height:1.8}.section-content .highlight{background:#4ebabd1a;border-left:3px solid #4EBABD;padding:.75rem 1rem;border-radius:0 8px 8px 0;margin-top:1rem}.eula-summary{margin-top:1.5rem;padding:1.25rem;background:#4ebabd14;border:1px solid rgba(78,186,189,.2);border-radius:12px}.eula-summary h3{color:#4ebabd;font-size:1rem;font-weight:600;margin:0 0 1rem}.eula-summary ul{list-style:none;margin:0;padding:0}.eula-summary li{display:flex;align-items:center;gap:.75rem;color:#fffc;font-size:.9rem;padding:.5rem 0}.eula-summary li svg{color:#10b981;flex-shrink:0}.eula-scroll-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:#4ebabd0f;border-top:1px solid rgba(78,186,189,.12);color:#4ebabd;font-size:.8rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .2s}.eula-scroll-prompt:hover{background:#4ebabd1a}.scroll-prompt-icon{animation:scrollBounce 1.5s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.eula-agreement{padding:1.5rem 2rem;background:#0003;border-top:1px solid rgba(78,186,189,.2);flex-shrink:0;border-radius:0 0 20px 20px;transition:opacity .4s ease,filter .4s ease}.eula-agreement.agreement-locked{opacity:.45;filter:grayscale(.4);pointer-events:none;-webkit-user-select:none;user-select:none}.eula-agreement.agreement-unlocked{animation:agreementUnlock .5s ease-out}@keyframes agreementUnlock{0%{opacity:.45;filter:grayscale(.4)}to{opacity:1;filter:grayscale(0)}}.agreement-scroll-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:8px;color:#fff6;font-size:.78rem;margin-bottom:1rem;pointer-events:auto}.checkbox-locked{opacity:.5;cursor:not-allowed!important}.checkbox-locked .checkmark{border-color:#ffffff26!important}.checkbox-locked .checkbox-text{color:#ffffff59!important}.eula-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem;color:#ef4444;font-size:.9rem}.agreement-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin-bottom:1.5rem}.agreement-checkbox input{display:none}.agreement-checkbox .checkmark{position:relative;top:auto;left:auto;transform:none;width:22px;height:22px;min-width:22px;min-height:22px;border:2px solid rgba(78,186,189,.5);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;margin-top:2px;background:transparent}.agreement-checkbox input:checked+.checkmark{background:#4ebabd;border-color:#4ebabd}.agreement-checkbox input:checked+.checkmark:after{content:"✓";color:#0a0f1a;font-size:14px;font-weight:700;display:block;position:static;border:none;width:auto;height:auto;transform:none}.agreement-checkbox .checkbox-text{color:#fffc;font-size:.95rem;line-height:1.5}.eula-actions{display:flex;justify-content:center;margin-bottom:1rem}.accept-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:16px 48px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.accept-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd59}.accept-btn.disabled,.accept-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.eula-note{color:#ffffff80;font-size:.85rem;text-align:center;line-height:1.5;margin:0}.eula-footer{margin-top:2rem;text-align:center;z-index:10}.eula-footer p{color:#fff6;font-size:.8rem;margin:0 0 .5rem}.footer-links{display:flex;justify-content:center;gap:.75rem;font-size:.8rem}.footer-links a{color:#4ebabdb3;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#4ebabd}.footer-links span{color:#ffffff4d}@media (max-width: 768px){.eula-page{padding:1rem}.eula-logo{left:50%;transform:translate(-50%)}.eula-container{margin-top:5rem;border-radius:16px}.eula-header{padding:1.5rem}.eula-header h1{font-size:1.5rem}.eula-content,.eula-agreement{padding:1.25rem}.accept-btn{width:100%;padding:14px 32px}}.change-pwd-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a40,#0d2428);position:relative;padding:2rem}.change-pwd-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.change-pwd-bg .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,186,189,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.04) 1px,transparent 1px);background-size:50px 50px}.change-pwd-logo{position:absolute;top:2rem;left:2rem;z-index:10}.change-pwd-logo img{height:32px;width:auto}.change-pwd-container{width:100%;max-width:500px;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:20px;overflow:hidden;z-index:10;box-shadow:0 8px 32px #0006}.change-pwd-header{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(78,186,189,.2);background:#4ebabd0d}.change-pwd-header .header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#4ebabd1a;border-radius:50%;color:#4ebabd;margin-bottom:1rem}.change-pwd-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.change-pwd-header p{color:#fff9;font-size:.95rem;margin:0}.change-pwd-form{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.change-pwd-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.875rem 1rem;color:#fca5a5;font-size:.9rem}.change-pwd-error svg{color:#ef4444;flex-shrink:0}.cpwd-field{display:flex;flex-direction:column;gap:.5rem}.cpwd-field label{font-size:.9rem;color:#ffffffe6;font-weight:600}.cpwd-input-wrap{position:relative;display:flex;align-items:center}.cpwd-icon{position:absolute;left:14px;color:#fff6;pointer-events:none;z-index:2}.cpwd-input-wrap input{width:100%;padding:14px 80px 14px 44px;background:#0a191ee6;border:1px solid rgba(78,186,189,.25);border-radius:10px;color:#fff;font-size:.95rem;box-sizing:border-box;transition:border-color .2s}.cpwd-input-wrap input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.cpwd-input-wrap input::placeholder{color:#ffffff59}.cpwd-toggle{position:absolute;right:12px;background:none;border:none;color:#fff6;cursor:pointer;padding:4px;display:flex;z-index:2}.cpwd-toggle:hover{color:#4ebabd}.cpwd-match{position:absolute;right:40px;color:#10b981;z-index:2}.cpwd-strength{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.strength-bar{display:flex;gap:4px;flex:1}.strength-seg{height:4px;flex:1;border-radius:2px;background:#ffffff1a;transition:background .3s}.strength-seg.level-1{background:#ef4444}.strength-seg.level-2{background:#f59e0b}.strength-seg.level-3{background:#3b82f6}.strength-seg.level-4{background:#10b981}.strength-label{font-size:.8rem;font-weight:600;min-width:50px;text-align:right}.strength-label.level-1{color:#ef4444}.strength-label.level-2{color:#f59e0b}.strength-label.level-3{color:#3b82f6}.strength-label.level-4{color:#10b981}.cpwd-requirements{display:flex;flex-wrap:wrap;gap:.5rem}.cpwd-requirements span{font-size:.75rem;padding:4px 10px;border-radius:6px;background:#ffffff0f;color:#fff6;transition:all .2s}.cpwd-requirements span.met{background:#10b98126;color:#10b981}.cpwd-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:16px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .3s;box-shadow:0 4px 15px #4ebabd4d}.cpwd-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4ebabd66}.cpwd-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.change-pwd-footer{margin-top:2rem;z-index:10}.change-pwd-footer p{color:#fff6;font-size:.8rem;margin:0}@media (max-width: 480px){.change-pwd-page{padding:1rem}.change-pwd-form,.change-pwd-header{padding:1.5rem}.change-pwd-header h1{font-size:1.5rem}}.profile-setup-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a40,#0d2428);position:relative;padding:2rem}.profile-setup-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.profile-setup-bg .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,186,189,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.04) 1px,transparent 1px);background-size:50px 50px}.profile-setup-logo{position:absolute;top:2rem;left:2rem;z-index:10}.profile-setup-logo img{height:32px;width:auto}.profile-setup-container{width:100%;max-width:540px;background:#0f2328f2;border:1px solid rgba(78,186,189,.3);border-radius:20px;overflow:hidden;z-index:10;box-shadow:0 8px 32px #0006}.profile-setup-header{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(78,186,189,.2);background:#4ebabd0d}.profile-setup-header .header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#4ebabd1a;border-radius:50%;color:#4ebabd;margin-bottom:1rem}.profile-setup-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.profile-setup-header p{color:#fff9;font-size:.95rem;margin:0 0 1.25rem}.setup-steps{display:flex;align-items:center;justify-content:center;gap:.5rem}.step{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;background:#ffffff0f;color:#ffffff59}.step.done{background:#10b98126;color:#10b981}.step.active{background:#4ebabd33;color:#4ebabd;box-shadow:0 0 8px #4ebabd26}.step-divider{width:16px;height:2px;background:#ffffff26;border-radius:1px}.profile-setup-form{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.profile-setup-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.875rem 1rem;color:#fca5a5;font-size:.9rem}.psetup-field{display:flex;flex-direction:column;gap:.5rem}.psetup-field label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffe6;font-weight:600}.psetup-field label svg{color:#4ebabd}.psetup-field input,.psetup-field select,.psetup-field textarea{width:100%;padding:12px 14px;background:#0a191ee6;border:1px solid rgba(78,186,189,.25);border-radius:10px;color:#fff;font-size:.95rem;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.psetup-field input:focus,.psetup-field select:focus,.psetup-field textarea:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.psetup-field input::placeholder,.psetup-field textarea::placeholder{color:#ffffff59}.psetup-field select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.psetup-field select option{background:#0d2428;color:#fff}.psetup-field textarea{resize:vertical;min-height:80px}.psetup-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.psetup-skip{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff9;padding:12px 20px;font-size:.9rem;cursor:pointer;transition:all .2s}.psetup-skip:hover:not(:disabled){border-color:#ffffff4d;color:#ffffffe6}.psetup-skip:disabled{opacity:.4;cursor:not-allowed}.psetup-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:14px 24px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4ebabd4d}.psetup-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4ebabd66}.psetup-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-setup-footer{margin-top:2rem;z-index:10}.profile-setup-footer p{color:#fff6;font-size:.8rem;margin:0}@media (max-width: 480px){.profile-setup-page{padding:1rem}.profile-setup-form,.profile-setup-header{padding:1.5rem}.profile-setup-header h1{font-size:1.5rem}.psetup-actions{flex-direction:column}.psetup-skip{width:100%;justify-content:center}}.member-type-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.member-type-selector-modal{background:#1a1f2e;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}.mts-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#4ebabd1a,#4ebabd0d)}.mts-header-content{display:flex;align-items:center;gap:16px}.mts-header-icon{color:#4ebabd}.mts-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.mts-subtitle{margin:4px 0 0;font-size:.875rem;color:#fff9}.mts-close-btn{background:#ffffff1a;border:none;border-radius:8px;padding:8px;color:#fff9;cursor:pointer;transition:all .2s}.mts-close-btn:hover{background:#ffffff26;color:#fff}.mts-info-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 24px;background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.2);color:#60a5fa;font-size:.875rem;line-height:1.5}.mts-info-banner svg{flex-shrink:0;margin-top:2px}.mts-select-all{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.mts-select-all:hover{background:#ffffff08}.mts-select-all span{color:#fff;font-weight:500}.mts-count{color:#ffffff80!important;font-weight:400!important;font-size:.875rem}.mts-checkbox{color:#ffffff4d;transition:color .2s}.mts-checkbox.checked{color:#4ebabd}.mts-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px;overflow-y:auto;flex:1}.mts-type-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.mts-type-card:hover{background:#ffffff0d;border-color:#ffffff26}.mts-type-card.selected{background:var(--type-color-light);border-color:var(--type-color)}.mts-type-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.mts-type-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mts-type-label{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#fff}.mts-type-card.selected .mts-type-label{color:var(--type-color)}.mts-type-description{margin:0 0 12px;font-size:.8rem;color:#fff9;line-height:1.4}.mts-type-examples{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mts-examples-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.mts-examples-text{font-size:.75rem;color:#ffffff80;font-family:SF Mono,Consolas,monospace}.mts-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.mts-cancel-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.mts-cancel-btn:hover{background:#ffffff26;color:#fff}.mts-confirm-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#4ebabd,#3a9a9d);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mts-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd4d}.mts-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.member-type-selector-modal{width:95%;max-height:95vh}.mts-types-grid{grid-template-columns:1fr;padding:16px}.mts-header{padding:16px}.mts-footer{padding:12px 16px}}.react-joyride__beacon{display:none!important}.react-joyride__spotlight{border-radius:10px!important;background-color:transparent!important;box-shadow:none!important;border:2px solid rgba(78,186,189,.35)!important}.__floater__body .react-joyride__tooltip [data-test-id=footer]{font-size:11px}.react-joyride__tooltip [data-test-id=footer] span{font-size:11px;color:#4a5568;font-variant-numeric:tabular-nums}.react-joyride__tooltip [data-test-id=button-primary]:hover{background:#4ebabd40!important;border-color:#4ebabd73!important;box-shadow:0 0 14px #4ebabd1f}.react-joyride__tooltip [data-test-id=button-back]:hover{color:#89a!important}.react-joyride__tooltip [data-test-id=button-skip]:hover{color:#5a6a7e!important}.react-joyride__overlay{background-color:#0000008c!important;mix-blend-mode:normal!important}.home-page{display:flex;height:100vh;background:#0f172a;color:#e2e8f0}.home-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid #1e293b;display:flex;flex-direction:column;padding:1rem;transition:width .3s ease;position:relative;overflow:visible}.home-sidebar.collapsed{width:90px}.home-sidebar.expanded{width:300px}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #1e293b;margin-bottom:.75rem;min-height:48px}.sidebar-brand .brand-text span{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sidebar-toggle{position:absolute;top:1.55rem;right:-31px;width:28px;height:28px;background:#1e293b;border:2px solid #4EBABD;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ebabd;cursor:pointer;transition:all .2s ease;z-index:100;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background:#4ebabd;border-color:#4ebabd;color:#0f172a}.home-sidebar.collapsed .new-project-btn{padding:.75rem}.home-sidebar.collapsed .nav-item{justify-content:center;padding:.7rem}.nav-badge{margin-left:auto;background:#4ebabd;color:#0f172a;padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.sidebar-user{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid #1e293b;margin-top:auto}.home-sidebar.collapsed .sidebar-user{flex-direction:column;gap:.5rem}.user-role{display:block;font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.4rem;border-radius:6px;transition:all .2s ease;flex-shrink:0}.home-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.home-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#0f172acc;border-bottom:1px solid #1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.home-header .header-left{margin-left:1.5rem}.home-header .header-left h2{font-size:1.5rem;font-weight:600;color:#e2e8f0;margin:0 0 .25rem}.home-header .header-left p{font-size:.9rem;color:#64748b;margin:0}.search-box{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:.625rem 1rem;transition:all .2s ease}.search-box:focus-within{border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.search-box input{background:transparent;border:none;color:#e2e8f0;font-size:.9rem;width:200px;outline:none}.header-btn{position:relative;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:.625rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.header-btn:hover{background:#334155;color:#e2e8f0}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%}.landing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.landing-logo{position:relative;z-index:1;margin-bottom:1.5rem}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #4ebabd4d,0 0 0 1px #4ebabd33}.logo-icon svg{width:44px;height:44px;color:#fff}.landing-title{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.title-brand{font-size:3rem;font-weight:700;color:#4ebabd;letter-spacing:-.02em;line-height:1.1}.title-main{font-size:2.25rem;font-weight:700;color:#e2e8f0;letter-spacing:-.02em;line-height:1.1}.landing-description{position:relative;z-index:1;font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:550px;margin-bottom:2rem}.landing-cta{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#4ebabd,#3da8ab);color:#0f172a;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4ebabd66,0 0 0 1px #4ebabd33}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4ebabd80,0 0 0 1px #4ebabd4d}.landing-cta:active{transform:translateY(0)}.landing-cta.drag-active{background:linear-gradient(135deg,#3da8ab,#2c7181);box-shadow:0 8px 30px #4ebabd99,0 0 0 3px #4ebabd66;transform:scale(1.02)}.hidden-uploader{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.landing-status{position:relative;z-index:1;display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.status-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.status-item svg{opacity:.8}.status-item:first-child svg{color:#22c55e}.status-item:nth-child(2) svg{color:#4ebabd}.status-item:last-child svg{color:#eab308}.landing-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#2C7181 20%,#4EBABD 50%,#2C7181 80%,transparent 100%);opacity:.6}@media (max-width: 1024px){.title-brand{font-size:2.5rem}.title-main{font-size:1.75rem}}@media (max-width: 768px){.home-page{flex-direction:column}.home-sidebar{width:100%!important;height:auto;flex-direction:row;padding:.75rem 1rem;overflow-x:auto}.home-sidebar.collapsed,.home-sidebar.expanded{width:100%!important}.sidebar-toggle,.sidebar-nav,.sidebar-user,.sidebar-brand .brand-text{display:none}.sidebar-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.new-project-btn{margin-bottom:0;margin-left:auto;width:auto;padding:.5rem 1rem}.landing-status{flex-direction:column;gap:1rem}.search-box{display:none}}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.project-modal{width:100%;max-width:480px;background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:slideUp .3s ease}.project-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.project-modal-header h3{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0}.project-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-modal-header .close-btn:hover{background:#334155;color:#f1f5f9}.project-modal-body{padding:1.5rem;max-height:400px;overflow-y:auto}.file-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:1.25rem}.file-preview svg{color:#4ebabd;flex-shrink:0}.file-preview span{color:#e2e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview .file-size{margin-left:auto;color:#64748b;font-size:.8rem;flex-shrink:0}.loading-projects{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:#94a3b8}.loading-projects .spinner{animation:spin 1s linear infinite;color:#4ebabd}.project-select-list{margin-bottom:1rem}.project-select-list label{display:block;font-size:.85rem;font-weight:500;color:#94a3b8;margin-bottom:.75rem}.project-select-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.project-select-item:hover{border-color:#4ebabd;background:#4ebabd0d}.project-select-item.selected{border-color:#4ebabd;background:#4ebabd1a}.project-select-item svg{color:#4ebabd;flex-shrink:0}.project-select-info{flex:1;min-width:0}.project-select-name{display:block;font-size:.9rem;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-select-meta{display:block;font-size:.75rem;color:#64748b;margin-top:.125rem}.project-select-item .check-icon{color:#4ebabd;flex-shrink:0}.create-new-project-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed #334155;border-radius:10px;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-new-project-btn:hover{border-color:#4ebabd;color:#4ebabd;background:#4ebabd0d}.create-project-form{padding:1rem;background:#0f172a;border:1px solid #4EBABD;border-radius:10px}.create-project-form label{display:block;font-size:.85rem;font-weight:500;color:#94a3b8;margin-bottom:.5rem}.create-project-input{display:flex;gap:.5rem}.create-project-input input{flex:1;padding:.75rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.9rem;outline:none;transition:border-color .2s ease}.create-project-input input:focus{border-color:#4ebabd}.create-project-input input::placeholder{color:#64748b}.create-project-input button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4ebabd;border:none;border-radius:8px;color:#0f172a;cursor:pointer;transition:all .2s ease;flex-shrink:0}.create-project-input button:hover{background:#3da8ab}.create-project-input button:last-child{background:#334155;color:#94a3b8}.create-project-input button:last-child:hover{background:#475569;color:#e2e8f0}.create-project-input button:disabled{opacity:.5;cursor:not-allowed}.create-project-input .spinner{animation:spin 1s linear infinite}.no-projects-message{text-align:center;padding:1.5rem;color:#64748b}.no-projects-message p{margin:0;font-size:.9rem}.project-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid #334155;background:#0f172a}.project-modal-footer .cancel-btn{padding:.75rem 1.25rem;background:#334155;border:none;border-radius:8px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.project-modal-footer .cancel-btn:hover{background:#475569}.project-modal-footer .upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#4ebabd,#3da8ab);border:none;border-radius:8px;color:#0f172a;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.project-modal-footer .upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd4d}.project-modal-footer .upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.project-modal-footer .upload-btn .spinner{animation:spin 1s linear infinite}.upload-progress-bar{height:4px;background:#0f172a;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#4ebabd,#2c7181);transition:width .3s ease}.page-selector-modal{max-width:800px;max-height:85vh}.page-selector-modal .project-modal-header h3{display:flex;align-items:center;gap:.5rem}.page-selector-instruction{color:#94a3b8;font-size:.9rem;margin:.5rem 0 1rem}.page-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.page-thumb{position:relative;background:#0f172a;border-radius:8px;border:2px solid transparent;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.page-thumb:hover{border-color:#4ebabd66;background:#4ebabd0d}.page-thumb.selected{border-color:#4ebabd;background:#4ebabd1a}.page-thumb-check{position:absolute;top:8px;left:8px;width:20px;height:20px;background:#4ebabd33;border:2px solid #4EBABD;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.page-thumb.selected .page-thumb-check{background:#4ebabd;color:#0f172a}.page-thumb-img{width:100%;height:140px;object-fit:contain;border-radius:4px;background:#1e293b}.page-thumb-skeleton{width:100%;height:140px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#475569;position:relative;overflow:hidden}.page-thumb-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.thumb-loading-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;background:#4ebabd14;border:1px solid rgba(78,186,189,.15);border-radius:8px;position:relative;overflow:hidden}.thumb-loading-bar span{font-size:.8rem;color:#4ebabd;font-weight:500;z-index:1}.thumb-loading-fill{position:absolute;left:0;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(78,186,189,.12),transparent);animation:thumb-loading-slide 1.2s ease-in-out infinite}@keyframes thumb-loading-slide{0%{left:-30%}to{left:100%}}.page-thumb-label{margin-top:.5rem;font-size:.8rem;color:#94a3b8;font-weight:500}.page-selector-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#64748b}.page-selector-error{grid-column:1 / -1;text-align:center;padding:2rem;color:#ef4444}.home-page .page-selector-modal{max-width:1080px;max-height:88vh}.home-page .page-selector-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;align-items:stretch}.home-page .page-selector-list-panel{min-width:0;display:flex;flex-direction:column;gap:10px}.home-page .page-selector-list-head{display:flex;align-items:center;justify-content:space-between;color:#a9b6c6;font-size:12px;font-weight:600;letter-spacing:.3px}.home-page .page-selector-list-count{color:#6b7b90;font-weight:500}.home-page .page-selector-instruction{margin:0}.home-page .page-selector-grid.home-page-grid{max-height:50vh;overflow-y:auto}.home-page .page-selector-preview-panel{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0f172ab3;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:360px}.home-page .page-selector-preview-head{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:12px;font-weight:600}.home-page .page-selector-preview-head strong{color:#e2e8f0;font-size:13px}.home-page .page-selector-preview-frame{flex:1;min-height:280px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0f172a;display:flex;align-items:center;justify-content:center;overflow:hidden}.home-page .page-selector-preview-img{width:100%;height:100%;object-fit:contain}.home-page .page-selector-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:12px}.home-page .page-selector-preview-note{font-size:11px;color:#94a3b8;line-height:1.4}@media (max-width: 920px){.home-page .page-selector-layout{grid-template-columns:1fr}.home-page .page-selector-grid.home-page-grid{max-height:34vh}.home-page .page-selector-preview-panel{min-height:240px}}.welcome-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:wv-fade-in .3s ease;padding:24px}@keyframes wv-fade-in{0%{opacity:0}to{opacity:1}}.welcome-video-modal{background:#1e293b;border-radius:16px;border:1px solid #334155;box-shadow:0 24px 80px #0009;width:100%;max-width:820px;position:relative;animation:wv-slide-up .35s cubic-bezier(.22,1,.36,1);overflow:hidden}@keyframes wv-slide-up{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-video-close{position:absolute;top:14px;right:14px;background:#ffffff14;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.welcome-video-close:hover{background:#ffffff26;color:#e2e8f0}.welcome-video-header{display:flex;align-items:center;gap:14px;padding:24px 28px 16px}.welcome-video-icon{color:#4ebabd;flex-shrink:0}.welcome-video-header h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3}.welcome-video-header p{font-size:.85rem;color:#94a3b8;margin:2px 0 0}.welcome-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#0f172a}.welcome-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.welcome-video-footer{display:flex;justify-content:center;padding:16px 28px 20px}.welcome-video-skip{background:linear-gradient(135deg,#4ebabd,#38a3a5);color:#fff;border:none;border-radius:10px;padding:10px 32px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.welcome-video-skip:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4ebabd59}.beam-detection-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bdl-fade-in .25s ease}@keyframes bdl-fade-in{0%{opacity:0}to{opacity:1}}.beam-detection-loader__card{width:100%;max-width:420px;padding:1.5rem 1.35rem 1.35rem;border-radius:14px;background:linear-gradient(165deg,#1e293bfa,#0f172afc);border:1px solid rgba(78,186,189,.22);box-shadow:0 24px 48px #00000073,0 0 0 1px #ffffff0a inset}.beam-detection-loader__icon-wrap{display:flex;justify-content:center;margin-bottom:.85rem}.beam-detection-loader__icon{color:#4ebabd}.beam-detection-loader__icon--spin{animation:bdl-spin .85s linear infinite}.beam-detection-loader__icon--done{color:#4ade80;animation:none}.beam-detection-loader__icon--error{color:#f87171;animation:none}@keyframes bdl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.beam-detection-loader__text{text-align:center;margin-bottom:.65rem}.beam-detection-loader__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:#f1f5f9;letter-spacing:.02em;line-height:1.3}.beam-detection-loader__detail{margin:0;font-size:.8rem;color:#94a3b8;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.beam-detection-loader__detail--error{color:#fca5a5}.beam-detection-loader__hint{margin:.5rem 0 0;font-size:.72rem;color:#64748b;line-height:1.4}.beam-detection-loader__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .85rem;margin-bottom:.5rem;min-height:1.1rem}.beam-detection-loader__elapsed,.beam-detection-loader__eta{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.beam-detection-loader__elapsed{color:#64748b}.beam-detection-loader__eta{color:#4ebabd}.beam-detection-loader__percent-row{display:flex;justify-content:center;margin-bottom:.35rem}.beam-detection-loader__percent{font-size:1.65rem;font-weight:800;font-variant-numeric:tabular-nums;color:#e2e8f0;letter-spacing:.04em}.beam-detection-loader__track{position:relative;height:6px;border-radius:999px;background:#4ebabd1f;overflow:hidden;margin-bottom:1.1rem}.beam-detection-loader__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4ebabd,#2c7181);box-shadow:0 0 12px #4ebabd59;transition:width .45s cubic-bezier(.4,0,.2,1)}.beam-detection-loader__fill--indeterminate{width:42%;animation:bdl-indeterminate 1.25s ease-in-out infinite}@keyframes bdl-indeterminate{0%{transform:translate(-100%)}to{transform:translate(280%)}}.beam-detection-loader__phases{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .25rem}.beam-detection-loader__phase{flex:1 1 28%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.beam-detection-loader__phase-dot{width:8px;height:8px;border-radius:50%;background:#334155;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.beam-detection-loader__phase.is-done .beam-detection-loader__phase-dot{background:#4ebabd;box-shadow:0 0 0 2px #4ebabd40}.beam-detection-loader__phase.is-active .beam-detection-loader__phase-dot{background:#f1f5f9;box-shadow:0 0 0 3px #4ebabd73;transform:scale(1.15);animation:bdl-phase-pulse 1.2s ease-in-out infinite}.beam-detection-loader__phase-label{font-size:.62rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.beam-detection-loader__phase.is-done .beam-detection-loader__phase-label{color:#94a3b8}.beam-detection-loader__phase.is-active .beam-detection-loader__phase-label{color:#4ebabd}@keyframes bdl-phase-pulse{0%,to{opacity:1}50%{opacity:.65}}@media (max-width: 480px){.beam-detection-loader__card{padding:1.25rem 1rem}.beam-detection-loader__phase{flex:1 1 30%}.beam-detection-loader__phase-label{font-size:.58rem}}@media (prefers-reduced-motion: reduce){.beam-detection-loader{animation:none}.beam-detection-loader__icon--spin{animation:bdl-spin 2s linear infinite}.beam-detection-loader__fill{transition:none}.beam-detection-loader__fill--indeterminate{animation:none;width:100%;opacity:.35}.beam-detection-loader__phase.is-active .beam-detection-loader__phase-dot{animation:none}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.export-modal{background:#0f172a;border-radius:16px;width:90%;max-width:720px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1e293b;background:linear-gradient(135deg,#1e293b,#0f172a)}.export-modal-title{display:flex;align-items:center;gap:16px;color:#4ebabd}.export-modal-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.export-subtitle{display:block;font-size:.8rem;color:#64748b;margin-top:2px}.export-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.export-close-btn:hover{background:#1e293b;color:#f1f5f9}.export-modal-body{padding:24px;overflow-y:auto;flex:1}.export-file-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293b;border-radius:8px;margin-bottom:24px}.file-label{color:#64748b;font-size:.85rem}.file-name{color:#e2e8f0;font-weight:500;font-size:.9rem}.export-formats h3{font-size:.9rem;font-weight:600;color:#94a3b8;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.format-card{background:#1e293b;border:2px solid #334155;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.format-card:hover{border-color:#4ebabd;background:#1e293b}.format-card.format-locked{opacity:.55;cursor:not-allowed}.format-card.format-locked:hover{border-color:#f59e0b4d;background:#f59e0b0a}.format-card.selected{border-color:#4ebabd;background:linear-gradient(135deg,#4ebabd1a,#4ebabd0d)}.format-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.format-icon{width:48px;height:48px;border-radius:10px;background:#0f172a;display:flex;align-items:center;justify-content:center;color:#4ebabd;flex-shrink:0}.format-card.selected .format-icon{background:#4ebabd;color:#0f172a}.format-info{flex:1}.format-name{display:block;font-weight:600;color:#f1f5f9;font-size:.95rem;margin-bottom:2px}.format-ext{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.format-check{color:#4ebabd;flex-shrink:0}.format-description{font-size:.85rem;color:#94a3b8;margin:0 0 12px;line-height:1.4}.format-features{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.format-features li{font-size:.7rem;color:#64748b;background:#0f172a;padding:4px 8px;border-radius:4px}.format-card.selected .format-features li{background:#4ebabd33;color:#4ebabd}.format-card.highlight{position:relative;border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#f59e0b05)}.format-card.highlight:hover{border-color:#fbbf24}.format-card.highlight.selected{border-color:#4ebabd;background:linear-gradient(135deg,#4ebabd1a,#4ebabd0d)}.format-recommended-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #f59e0b4d}.format-multipage-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#4ebabd,#3aa0a3);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #4ebabd66}.format-card.highlight .format-icon{background:#f59e0b26;color:#f59e0b}.format-card.highlight.selected .format-icon{background:#4ebabd;color:#0f172a}.export-error,.export-success{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:.9rem}.export-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.export-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.export-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #1e293b;background:#0f172a}.export-cancel-btn,.export-submit-btn{padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.export-cancel-btn{background:transparent;border:1px solid #334155;color:#94a3b8}.export-cancel-btn:hover{background:#1e293b;border-color:#475569;color:#f1f5f9}.export-submit-btn{background:linear-gradient(135deg,#4ebabd,#3aa8ab);border:none;color:#0f172a}.export-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd4d}.export-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-submit-btn .spinner{animation:spin 1s linear infinite}.mto-usage-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25);z-index:2}.mto-limit-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25);z-index:2}.mto-upgrade-prompt{margin-top:8px;padding:10px 12px;background:#f59e0b14;border:1px dashed rgba(245,158,11,.3);border-radius:6px}.mto-upgrade-prompt p{margin:0 0 8px;font-size:12px;color:#94a3b8}.mto-upgrade-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#4ebabd;text-decoration:none;transition:color .2s}.mto-upgrade-link:hover{color:#6ee7b7}@media (max-width: 640px){.export-modal{width:95%;max-height:95vh}.format-grid{grid-template-columns:1fr}.export-modal-footer{flex-direction:column}.export-cancel-btn,.export-submit-btn{width:100%;justify-content:center}}.dcm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.dcm-modal{background:#1e293b;border-radius:12px;width:560px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 20px 60px #00000080}.dcm-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #334155;color:#f1f5f9}.dcm-header h2{flex:1;font-size:16px;margin:0}.dcm-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.dcm-close:hover{color:#f1f5f9;background:#334155}.dcm-body{padding:20px;overflow-y:auto}.dcm-selectors{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dcm-page-select{display:flex;flex-direction:column;gap:4px}.dcm-page-select label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dcm-page-select select{background:#0f172a;border:1px solid #334155;color:#f1f5f9;padding:8px 12px;border-radius:6px;font-size:13px}.dcm-arrow{color:#64748b;flex-shrink:0;margin-bottom:6px}.dcm-compare-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4ebabd;color:#0f172a;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;margin-left:auto}.dcm-compare-btn:hover{background:#6ee7b7}.dcm-compare-btn:disabled{opacity:.5;cursor:not-allowed}.dcm-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px}.dcm-results{margin-top:8px}.dcm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.dcm-stat{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px;text-align:center}.dcm-stat-label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.dcm-stat-value{display:block;font-size:20px;font-weight:700;color:#f1f5f9}.dcm-stat.added .dcm-stat-value{color:#4ade80}.dcm-stat.removed .dcm-stat-value{color:#f87171}.dcm-stat.modified .dcm-stat-value{color:#fbbf24}.dcm-regions h4{font-size:12px;color:#94a3b8;margin:0 0 8px}.dcm-region-list{display:flex;flex-wrap:wrap;gap:6px}.dcm-region-item{font-size:11px;color:#cbd5e1;background:#0f172a;padding:4px 8px;border-radius:4px;border:1px solid #334155}.dcm-region-more{font-size:11px;color:#64748b;padding:4px}.dcm-hint{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:#64748b;text-align:center}.dcm-hint p{margin:0;font-size:13px}.model3d-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;background:#0f0f1a;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.model3d-overlay.model3d-panel-mode{position:relative;top:auto;left:auto;right:auto;bottom:auto;z-index:auto;width:100%;height:100%}.model3d-panel-mode .model3d-header{padding:6px 12px;min-height:38px}.model3d-panel-mode .model3d-title{font-size:12px}.model3d-panel-mode .model3d-sidebar{display:none}.model3d-panel-mode .model3d-toolbar{padding:4px;gap:2px}.model3d-panel-mode .model3d-toolbar button{width:28px;height:28px}.model3d-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(180deg,#181830,#14142a);border-bottom:1px solid rgba(59,130,246,.12);min-height:46px;flex-shrink:0}.model3d-header-left{display:flex;align-items:center;gap:10px}.model3d-title{font-size:14px;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.model3d-subtitle{font-size:12px;color:#94a3b8;padding-left:8px;border-left:1px solid #334155}.model3d-edit-badge{background:#f97316;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.02em}.model3d-header-actions{display:flex;align-items:center;gap:6px}.model3d-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #334155;border-radius:5px;background:#1e1e32;color:#e2e8f0;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.model3d-btn:hover{background:#2a2a42;border-color:#475569}.model3d-btn:disabled{opacity:.4;cursor:not-allowed}.model3d-btn-export{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}.model3d-btn-export:hover:not(:disabled){background:#1e40af}.model3d-btn-save{background:#14532d;border-color:#22c55e;color:#86efac;font-weight:600}.model3d-btn-save:hover{background:#166534}.model3d-btn-close{padding:5px;border:none;background:transparent;color:#94a3b8}.model3d-btn-close:hover{color:#ef4444;background:#ef44441a}.model3d-body{display:flex;flex:1;overflow:hidden;position:relative}.model3d-sidebar{width:230px;background:linear-gradient(180deg,#161628,#12122a);border-right:1px solid rgba(59,130,246,.08);overflow-y:auto;flex-shrink:0;position:relative;transition:width .2s}.model3d-sidebar::-webkit-scrollbar{width:4px}.model3d-sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.model3d-sidebar.collapsed{width:28px;overflow:hidden}.model3d-sidebar-toggle{position:absolute;top:8px;right:4px;width:20px;height:20px;border:none;background:#2d2d44;color:#94a3b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.model3d-sidebar-toggle:hover{background:#3d3d55;color:#e2e8f0}.model3d-panel{padding:10px 12px;border-bottom:1px solid #2d2d44}.model3d-panel-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;display:flex;align-items:center;gap:4px}.model3d-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.model3d-view-btn{padding:4px 5px;background:#1e1e32;border:1px solid #2d2d44;border-radius:4px;color:#cbd5e1;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:all .12s}.model3d-view-btn:hover{background:#2a2a42;border-color:#475569;color:#f1f5f9}.model3d-render-btns{display:flex;gap:3px}.model3d-render-btn{flex:1;padding:4px 3px;background:#1e1e32;border:1px solid #2d2d44;border-radius:4px;color:#cbd5e1;font-size:10px;cursor:pointer;transition:all .12s;text-align:center}.model3d-render-btn.active{background:#2563eb;border-color:#3b82f6;color:#fff}.model3d-render-btn:hover:not(.active){background:#2a2a42}.model3d-layers{display:flex;flex-direction:column;gap:1px}.model3d-layer-item{display:flex;align-items:center;gap:5px;padding:2px 3px;border-radius:3px;font-size:11px;cursor:pointer;transition:background .1s}.model3d-layer-item:hover{background:#1e1e32}.model3d-layer-item input[type=checkbox]{width:12px;height:12px;accent-color:#3b82f6;margin:0;flex-shrink:0}.model3d-layer-label{flex:1;color:#cbd5e1}.model3d-layer-count{font-size:10px;color:#64748b;min-width:16px;text-align:right}.model3d-divider{border:none;border-top:1px solid #2d2d44;margin:3px 0}.model3d-stats{display:flex;flex-direction:column;gap:3px}.model3d-stat{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.model3d-stat-val{color:#e2e8f0;font-weight:600}.model3d-property-panel{background:#1a1a2e}.model3d-prop-grid{display:grid;grid-template-columns:70px 1fr;gap:5px 8px;align-items:center}.model3d-prop-label{font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.model3d-prop-value{font-size:11px;color:#e2e8f0;font-weight:500}.model3d-prop-input{width:100%;padding:3px 6px;background:#0f172a;border:1px solid #334155;border-radius:3px;color:#e2e8f0;font-size:11px;outline:none;box-sizing:border-box}.model3d-prop-input:focus{border-color:#3b82f6}.model3d-prop-actions{display:flex;gap:4px;margin-top:8px}.model3d-prop-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 6px;background:#1e1e32;border:1px solid #334155;border-radius:4px;color:#94a3b8;font-size:10px;cursor:pointer;transition:all .12s}.model3d-prop-action-btn:hover{background:#2a2a42;color:#e2e8f0}.model3d-prop-action-danger{border-color:#ef44444d}.model3d-prop-action-danger:hover{background:#ef444426;color:#ef4444}.model3d-canvas-container{flex:1;position:relative;overflow:hidden}.model3d-canvas-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,8,18,.35) 100%);z-index:1}.model3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8;font-size:14px;z-index:10;pointer-events:none;background:#12121fb3;padding:20px 28px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model3d-edit-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:2px;padding:4px 6px;background:#161625eb;border:1px solid #2d2d44;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080}.model3d-toolbar-group{display:flex;gap:2px}.model3d-toolbar-divider{width:1px;height:24px;background:#2d2d44;margin:0 4px}.model3d-toolbar-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .12s}.model3d-toolbar-btn:hover{background:#2a2a42;color:#e2e8f0}.model3d-toolbar-btn.active{background:#2563eb;color:#fff;border-color:#3b82f6;box-shadow:0 0 8px #2563eb66}.model3d-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.model3d-mode-indicator{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:20;padding:6px 14px;background:#2563ebd9;color:#fff;font-size:11px;font-weight:600;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:.02em}.model3d-mode-cancel{padding:2px 8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.model3d-mode-cancel:hover{background:#ffffff40}.model3d-measure-result{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55ee6;color:#fff;font-size:13px;font-weight:700;border-radius:6px;box-shadow:0 4px 16px #0000004d}.model3d-measure-value{font-size:15px}.model3d-measure-detail{font-size:11px;font-weight:400;opacity:.8}.model3d-info-bar{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:12px;padding:8px 14px;background:#161625eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(78,186,189,.25);border-radius:8px;min-height:32px;z-index:20;box-shadow:0 4px 16px #0006;max-width:calc(100% - 24px);flex-wrap:wrap}.model3d-info-row{display:flex;align-items:center;gap:4px;font-size:11px}.model3d-info-label{color:#64748b;font-weight:500}.model3d-info-value{color:#e2e8f0;font-weight:700}.model3d-info-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:4px}.model3d-info-close:hover{background:#2d2d44;color:#e2e8f0}.model3d-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model3d-modal{background:#1e1e32;border:1px solid #2d2d44;border-radius:12px;width:360px;max-width:90vw;box-shadow:0 20px 60px #00000080;overflow:hidden}.model3d-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2d2d44}.model3d-modal-header h3{margin:0;font-size:14px;font-weight:700;color:#f1f5f9}.model3d-modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px}.model3d-modal-header button:hover{color:#e2e8f0}.model3d-modal-body{padding:16px}.model3d-modal-label{display:block;font-size:11px;font-weight:600;color:#94a3b8;margin-bottom:4px;margin-top:10px;text-transform:uppercase;letter-spacing:.04em}.model3d-modal-label:first-child{margin-top:0}.model3d-modal-input{width:100%;padding:7px 10px;background:#0f172a;border:1px solid #334155;border-radius:5px;color:#e2e8f0;font-size:12px;outline:none;box-sizing:border-box}.model3d-modal-input:focus{border-color:#3b82f6}.model3d-modal-hint{font-size:11px;color:#64748b;margin-top:12px;line-height:1.5;padding:8px;background:#2563eb14;border-radius:6px;border-left:3px solid #3b82f6}.model3d-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #2d2d44;justify-content:flex-end}.model3d-modal-btn-secondary{padding:7px 14px;background:#1e1e32;border:1px solid #334155;border-radius:5px;color:#94a3b8;font-size:12px;cursor:pointer}.model3d-modal-btn-secondary:hover{background:#2a2a42;color:#e2e8f0}.model3d-modal-btn-primary{display:flex;align-items:center;gap:5px;padding:7px 16px;background:#2563eb;border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.model3d-modal-btn-primary:hover{background:#1d4ed8}.model3d-shortcut-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:10px;color:#8494a7;letter-spacing:.01em;pointer-events:none;z-index:5;padding:4px 12px;background:#10101cbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;border:1px solid rgba(255,255,255,.06)}.model3d-shortcut-item{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.model3d-shortcut-item kbd{display:inline-block;padding:1px 5px;font-size:9px;font-family:SF Mono,Consolas,monospace;font-weight:600;color:#c8d6e5;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:3px;line-height:1.4}.model3d-shortcut-sep{color:#3d4f63;font-size:8px}@keyframes spin3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin3d 1s linear infinite}.model3d-tabs{display:flex;border-bottom:1px solid #2d2d44;background:#0f0f1a;flex-shrink:0}.model3d-tab{flex:1;padding:8px 4px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;border-bottom:2px solid transparent}.model3d-tab:hover{color:#e2e8f0;background:#1e1e32}.model3d-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.model3d-layer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.model3d-search-results{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.model3d-search-results::-webkit-scrollbar{width:3px}.model3d-search-results::-webkit-scrollbar-thumb{background:#334155}.model3d-search-item{display:grid;grid-template-columns:1fr auto auto;gap:4px;padding:5px 6px;background:#1e1e32;border:1px solid transparent;border-radius:4px;color:#cbd5e1;font-size:10px;text-align:left;cursor:pointer;transition:all .1s}.model3d-search-item:hover{background:#2a2a42;border-color:#334155}.model3d-search-item.active{background:#2563eb26;border-color:#2563eb}.model3d-search-id{font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model3d-search-profile{color:#3b82f6;font-weight:500}.model3d-search-len{color:#64748b}.model3d-takeoff-table{display:flex;flex-direction:column;gap:1px;max-height:320px;overflow-y:auto;font-size:10px}.model3d-takeoff-table::-webkit-scrollbar{width:3px}.model3d-takeoff-table::-webkit-scrollbar-thumb{background:#334155}.model3d-takeoff-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4px;padding:3px 4px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #2d2d44}.model3d-takeoff-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4px;padding:3px 4px;color:#94a3b8;border-radius:3px;transition:background .1s}.model3d-takeoff-row:hover{background:#1e1e32}.model3d-takeoff-profile{color:#e2e8f0;font-weight:600;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.model3d-sidebar{width:180px}.model3d-sidebar.collapsed{width:0;border:none}.model3d-info-bar{flex-wrap:wrap;gap:6px}.model3d-edit-toolbar{gap:1px;padding:3px 4px}.model3d-toolbar-btn{width:28px;height:28px}}.model3d-header-chips{display:flex;align-items:center;gap:5px;margin-left:8px}.model3d-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:10px;color:#94a3b8;font-weight:500;letter-spacing:.01em;white-space:nowrap}.model3d-chip-green{background:#22c55e14;border-color:#22c55e33;color:#4ade80}.model3d-chip svg{opacity:.7}.model3d-btn-help{background:#ffffff0d!important;border-color:#ffffff14!important;color:#64748b!important;min-width:30px;width:30px;height:30px;padding:0!important;display:flex!important;align-items:center;justify-content:center}.model3d-btn-help:hover{background:#4ebabd1a!important;border-color:#4ebabd40!important;color:#4ebabd!important}.model3d-welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0a0e1ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:welcomeFadeIn .25s ease}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}.model3d-welcome-card{width:680px;max-width:calc(100vw - 40px);background:#0f1929;border:1px solid rgba(78,186,189,.22);border-radius:18px;padding:0;box-shadow:0 32px 80px #0009,0 0 0 1px #4ebabd0f;overflow:hidden;animation:welcomeSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.model3d-welcome-header{display:flex;align-items:center;gap:14px;padding:22px 26px 18px;border-bottom:1px solid rgba(78,186,189,.1);background:linear-gradient(135deg,rgba(78,186,189,.06) 0%,transparent 60%)}.model3d-welcome-icon{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#1e6b72,#134d57);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a8ecee;box-shadow:0 4px 16px #4ebabd40}.model3d-welcome-icon img{filter:brightness(0) invert(.85) sepia(1) saturate(3) hue-rotate(140deg)}.model3d-welcome-title{font-size:1.15rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em;margin:0 0 2px}.model3d-welcome-sub{font-size:.78rem;color:#64748b;margin:0}.model3d-welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid rgba(78,186,189,.08)}.model3d-welcome-section{padding:18px 20px;border-right:1px solid rgba(78,186,189,.08)}.model3d-welcome-section:last-child{border-right:none}.model3d-welcome-section-title{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#4ebabd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.model3d-welcome-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.model3d-welcome-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.model3d-welcome-list li span:last-child{font-size:.72rem;color:#64748b;text-align:right}.model3d-welcome-list kbd{display:inline-block;padding:2px 7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-bottom:2px solid rgba(255,255,255,.06);border-radius:5px;font-size:.67rem;font-family:SF Mono,Fira Code,monospace;color:#e2e8f0;white-space:nowrap;flex-shrink:0}.welcome-bullet{display:inline-flex;align-items:center;gap:4px;font-size:.67rem;color:#94a3b8;font-weight:500;flex-shrink:0}.model3d-welcome-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.model3d-welcome-check{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.model3d-welcome-check input{width:14px;height:14px;accent-color:#4EBABD;cursor:pointer}.model3d-welcome-cta{display:flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,#1e6b72,#134d57);border:1.5px solid #4EBABD;border-radius:9px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.01em}.model3d-welcome-cta:hover{background:linear-gradient(135deg,#247d85,#1a6070);transform:translateY(-1px);box-shadow:0 6px 20px #4ebabd4d}@media (max-width: 700px){.model3d-welcome-grid{grid-template-columns:1fr}.model3d-welcome-section{border-right:none;border-bottom:1px solid rgba(78,186,189,.08)}.model3d-welcome-section:last-child{border-bottom:none}.model3d-header-chips{display:none}}.model3d-panel input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#1e293b;border-radius:2px;outline:none;cursor:pointer}.model3d-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#4ebabd;border:2px solid #0f172a;cursor:pointer;transition:background .15s}.model3d-panel input[type=range]::-webkit-slider-thumb:hover{background:#6dd5d8}.model3d-panel input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4ebabd;border:2px solid #0f172a;cursor:pointer}.model3d-mode-indicator{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0f172ae6;border:1px solid #334155;border-radius:8px;font-size:12px;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:auto}.model3d-mode-cancel{background:#334155;border:1px solid #475569;border-radius:4px;color:#94a3b8;font-size:10px;padding:2px 8px;cursor:pointer;transition:all .15s}.model3d-mode-cancel:hover{background:#475569;color:#e2e8f0}.enterprise-page-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0f1a,#0f172a,#0a0f1a);z-index:100;overflow:hidden}.loader-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,186,189,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,186,189,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:10}.document-skeleton{position:relative;width:200px;height:260px;background:linear-gradient(180deg,#1a2332,#151d2b);border:1px solid rgba(78,186,189,.2);border-radius:8px;padding:20px;box-shadow:0 20px 60px #0006,0 0 40px #4ebabd1a,inset 0 1px #ffffff0d;overflow:hidden}.doc-header-skeleton{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(78,186,189,.1)}.doc-body-skeleton{display:flex;flex-direction:column;gap:10px}.skeleton-bar,.skeleton-line{height:8px;background:linear-gradient(90deg,#4ebabd1a,#4ebabd33,#4ebabd1a);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease-in-out infinite}.skeleton-bar{height:12px}.w-100{width:100%}.w-95{width:95%}.w-90{width:90%}.w-85{width:85%}.w-70{width:70%}.w-60{width:60%}.w-40{width:40%}.w-20{width:20%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line:nth-child(1){animation-delay:0s}.skeleton-line:nth-child(2){animation-delay:.1s}.skeleton-line:nth-child(3){animation-delay:.2s}.skeleton-line:nth-child(4){animation-delay:.3s}.skeleton-line:nth-child(5){animation-delay:.4s}.skeleton-line:nth-child(6){animation-delay:.5s}.scanning-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#4EBABD 20%,#4EBABD 80%,transparent 100%);box-shadow:0 0 20px #4ebabdcc;animation:scanDown 2s ease-in-out infinite}@keyframes scanDown{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.corner-accent{position:absolute;width:12px;height:12px;border-color:#4ebabd;border-style:solid;border-width:0}.corner-accent.top-left{top:6px;left:6px;border-top-width:2px;border-left-width:2px;border-top-left-radius:4px}.corner-accent.top-right{top:6px;right:6px;border-top-width:2px;border-right-width:2px;border-top-right-radius:4px}.corner-accent.bottom-left{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:4px}.corner-accent.bottom-right{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:4px}.loader-status{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:240px}.page-indicator{display:flex;align-items:baseline;gap:4px;font-family:SF Mono,Monaco,Consolas,monospace}.page-current{font-size:1.5rem;font-weight:700;color:#4ebabd;text-shadow:0 0 20px rgba(78,186,189,.5)}.page-separator{font-size:1rem;color:#475569}.page-total{font-size:1rem;font-weight:500;color:#64748b}.progress-container{display:flex;align-items:center;gap:12px;width:100%}.progress-track{flex:1;height:4px;background:#4ebabd1a;border-radius:2px;overflow:visible;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#2c7181,#4ebabd);border-radius:2px;transition:width .3s ease-out;position:relative}.progress-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#4ebabd;border-radius:50%;box-shadow:0 0 12px #4ebabdcc;transition:left .3s ease-out}.progress-percent{font-size:.75rem;font-weight:600;color:#4ebabd;font-family:SF Mono,Monaco,Consolas,monospace;min-width:36px}.status-message{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#4ebabd;border-radius:50%;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #4ebabd66}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 0 6px #4ebabd00}}.status-text{font-size:.875rem;font-weight:500;color:#94a3b8}.status-phase{font-size:.7rem;font-weight:600;color:#4ebabd;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background:#4ebabd1a;border:1px solid rgba(78,186,189,.2);border-radius:10px}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#4ebabd;border-radius:50%;opacity:.3}.particle-1{top:20%;left:10%;animation:float1 6s ease-in-out infinite}.particle-2{top:60%;left:20%;animation:float2 7s ease-in-out infinite}.particle-3{top:30%;right:15%;animation:float3 5s ease-in-out infinite}.particle-4{top:70%;right:25%;animation:float1 8s ease-in-out infinite}.particle-5{top:10%;left:50%;animation:float2 6s ease-in-out infinite}.particle-6{top:85%;left:60%;animation:float3 7s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(20px,-30px) scale(1.5);opacity:.6}}@keyframes float2{0%,to{transform:translate(0) scale(1);opacity:.2}50%{transform:translate(-25px,-20px) scale(1.3);opacity:.5}}@keyframes float3{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(15px,25px) scale(1.2);opacity:.7}}.loader-watermark{position:absolute;bottom:20px;right:24px;display:flex;align-items:baseline;opacity:.3}.watermark-text{font-size:.875rem;font-weight:600;color:#64748b;letter-spacing:1px}.watermark-highlight{font-size:.875rem;font-weight:700;color:#4ebabd;letter-spacing:1px}@media (max-width: 480px){.document-skeleton{width:160px;height:200px;padding:15px}.loader-status{min-width:200px}.status-text{font-size:.8rem}.status-phase{font-size:.6rem}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:calc(100vw - 3rem);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#0f172af2;border:1px solid rgba(71,85,105,.5);border-radius:12px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;position:relative;overflow:hidden;animation:toastEnter .3s ease-out}.toast-exit{animation:toastExit .3s ease-in forwards}@keyframes toastEnter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.toast-success .toast-icon{background:#10b98126;color:#10b981}.toast-error .toast-icon{background:#ef444426;color:#ef4444}.toast-warning .toast-icon{background:#f59e0b26;color:#f59e0b}.toast-info .toast-icon{background:#4ebabd26;color:#4ebabd}.toast-content{flex:1;min-width:0}.toast-title{color:#f1f5f9;font-size:.925rem;font-weight:600;margin-bottom:.25rem;line-height:1.3}.toast-message{color:#94a3b8;font-size:.875rem;line-height:1.5;word-wrap:break-word}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease;margin-left:.5rem}.toast-close:hover{background:#64748b33;color:#94a3b8}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#64748b33;overflow:hidden}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:progressShrink linear forwards}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#4ebabd,#2c7181)}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-info{border-left:3px solid #4EBABD}@media (max-width: 480px){.toast-container{top:auto;bottom:1rem;right:1rem;left:1rem;max-width:none;width:auto}.toast{padding:.875rem 1rem}@keyframes toastEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.toast-container .toast:nth-child(1){z-index:5}.toast-container .toast:nth-child(2){z-index:4}.toast-container .toast:nth-child(3){z-index:3}.toast-container .toast:nth-child(4){z-index:2}.toast-container .toast:nth-child(5){z-index:1}.toast-container .toast:nth-child(n+6){display:none}.pdf-viewer{display:flex;flex-direction:column;width:100%;height:100vh;background:#f8f9fa;overflow:hidden}.viewer-body{display:flex;flex-direction:row;flex:1;overflow:hidden}.viewer-sidebar{width:300px;min-width:300px;max-width:300px;background:linear-gradient(180deg,#0c1222,#111827 40%,#0f172a);border-right:1px solid rgba(148,163,184,.08);overflow:hidden;flex-shrink:0;box-shadow:4px 0 24px #0006,1px 0 #4ebabd0f;color:#e2e8f0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1)}.viewer-sidebar.collapsed{width:56px;min-width:56px;max-width:56px}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.sidebar-actions-top{flex-shrink:0;display:flex;flex-direction:column;gap:.35rem;padding:.5rem .75rem;background:#0f172ad9;border-bottom:1px solid rgba(148,163,184,.12)}.sidebar-actions-top .primary-btn{width:100%}.sidebar-actions-row{display:flex;gap:.25rem}.sidebar-actions-row .action-btn{flex:1;min-width:0;font-size:.7rem;padding:.4rem .3rem}.sidebar-actions-row .action-btn span{white-space:nowrap}.sidebar-scale-fixed{flex-shrink:0;padding:.4rem .75rem .5rem;border-bottom:1px solid rgba(148,163,184,.12);background:#0f172a99}.scale-status{display:flex;align-items:center;gap:6px;padding:5px 8px;margin-bottom:6px;border-radius:5px;font-size:.6rem;animation:scaleStatusIn .25s ease-out}@keyframes scaleStatusIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.scale-status-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-status-text strong{font-weight:600}.scale-status-active{background:#22c55e0f;border:1px solid rgba(34,197,94,.18);color:#4ade80}.scale-status-active .scale-status-text{color:#e2e8f0;font-weight:500}.scale-status-badge{flex-shrink:0;padding:1px 5px;border-radius:3px;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.scale-status-badge.auto{background:#38bdf81a;color:#7dd3fc;border-color:#38bdf833}.scale-status-badge.warn{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.scale-status-change{flex-shrink:0;padding:1px 6px;border:1px solid rgba(148,163,184,.15);border-radius:3px;background:transparent;color:#94a3b8;font-size:.5rem;cursor:pointer;transition:all .15s ease}.scale-status-change:hover{background:#94a3b814;color:#e2e8f0}.scale-status-detected{background:#38bdf80f;border:1px solid rgba(56,189,248,.2);color:#7dd3fc}.scale-status-detected .scale-status-text strong{color:#38bdf8}.scale-detected-apply{flex-shrink:0;padding:2px 10px;border:1px solid rgba(56,189,248,.35);border-radius:3px;background:#38bdf81f;color:#38bdf8;font-size:.55rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.04em}.scale-detected-apply:hover{background:#38bdf840;border-color:#38bdf880}.scale-status-missing{background:#fbbf240f;border:1px solid rgba(251,191,36,.18);color:#fbbf24}.scale-status-missing .scale-status-text{font-size:.55rem;line-height:1.4}.scale-header-row{display:flex;align-items:center;gap:6px}.scale-header-row .scale-mode-toggle{flex:1}.scale-help-btn{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.12);border-radius:4px;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.scale-help-btn:hover{background:#94a3b814;color:#94a3b8;border-color:#94a3b833}.scale-help-tooltip{margin-top:6px;padding:8px 10px;border-radius:5px;background:#1e293bf2;border:1px solid rgba(148,163,184,.15);font-size:.56rem;line-height:1.5;color:#94a3b8;animation:scaleBannerIn .2s ease-out}.scale-help-tooltip p{margin:0 0 5px}.scale-help-tooltip p:last-child{margin-bottom:0}.scale-help-tooltip strong{color:#e2e8f0;font-weight:600}.scale-help-tooltip em{color:#38bdf8;font-style:normal;font-weight:500}.canvas-guide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none;animation:guideOverlayIn .4s ease-out}@keyframes guideOverlayIn{0%{opacity:0}to{opacity:1}}.canvas-guide-card{pointer-events:auto;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.12);border-radius:10px;padding:20px 24px 16px;max-width:320px;width:90%;box-shadow:0 8px 32px #0006}.canvas-guide-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#38bdf8;font-size:.95rem;font-weight:600}.canvas-guide-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.canvas-guide-step{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:6px;background:#94a3b80a;border:1px solid rgba(148,163,184,.06);transition:all .2s ease}.canvas-guide-step.active{background:#38bdf80f;border-color:#38bdf833}.canvas-guide-step.done{background:#22c55e0d;border-color:#22c55e26}.guide-step-num{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.65rem;font-weight:700;background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.12)}.canvas-guide-step.active .guide-step-num{background:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.canvas-guide-step.done .guide-step-num{background:#22c55e1f;color:#4ade80;border-color:#22c55e40;border:none}.guide-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-step-title{font-size:.72rem;font-weight:600;color:#e2e8f0}.guide-step-desc{font-size:.6rem;color:#94a3b8;line-height:1.4}.guide-step-desc strong{color:#38bdf8;font-weight:600}.canvas-guide-dismiss{width:100%;padding:7px 0;border:1px solid rgba(148,163,184,.12);border-radius:5px;background:#94a3b80d;color:#94a3b8;font-size:.65rem;font-weight:500;cursor:pointer;transition:all .15s ease}.canvas-guide-dismiss:hover{background:#94a3b81a;color:#e2e8f0;border-color:#94a3b833}.sidebar-search-section{padding-top:.25rem!important;padding-bottom:.5rem!important}.sidebar-search-wrap{position:relative;display:flex;align-items:center}.sidebar-search-icon{position:absolute;left:10px;color:#64748b;pointer-events:none;flex-shrink:0}.sidebar-search-input{width:100%;padding:9px 34px;border-radius:8px;border:1px solid rgba(78,186,189,.18);background:#0f172ab3;color:#e2e8f0;font-size:12px;outline:none;box-sizing:border-box;transition:all .2s ease;letter-spacing:.01em}.sidebar-search-input::placeholder{color:#64748b}.sidebar-search-input:hover{border-color:#4ebabd4d;background:#0f172ad9}.sidebar-search-input:focus{border-color:#4ebabd;background:#0f172af2;box-shadow:0 0 0 3px #4ebabd1a}.sidebar-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:#94a3b81f;color:#94a3b8;cursor:pointer;transition:all .15s ease}.sidebar-search-clear:hover{background:#ef444426;color:#ef4444}.sidebar-display-section{border-top:1px solid rgba(148,163,184,.06)}.sidebar-rail{display:flex;flex-direction:column;height:100%;padding:0;background:linear-gradient(180deg,#0c1222,#0f172a)}.rail-icons{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;flex:1}.rail-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.rail-btn:hover:not(:disabled){background:#4ebabd14;border-color:#4ebabd26;color:#4ebabd}.rail-btn:disabled{opacity:.25;cursor:not-allowed}.rail-btn[data-tour=detect-btn]{background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;box-shadow:0 2px 8px #4ebabd4d}.rail-btn[data-tour=detect-btn]:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#3a8a9a);color:#fff;box-shadow:0 4px 16px #4ebabd66;transform:translateY(-1px)}.rail-btn[data-tour=detect-btn]:disabled{opacity:.4}.rail-btn[data-tour=detect-btn].rail-btn--detecting:disabled{opacity:1;cursor:wait;animation:rail-detect-pulse 1.4s ease-in-out infinite}@keyframes rail-detect-pulse{0%,to{box-shadow:0 2px 8px #4ebabd59}50%{box-shadow:0 2px 16px #4ebabd8c}}.rail-btn.active{background:#4ebabd1f;color:#4ebabd;border-color:#4ebabd33}.rail-btn.danger{color:#64748b}.rail-btn.danger:hover:not(:disabled){background:#ef444414;border-color:#ef444426;color:#f87171}.rail-btn.expand{color:#475569}.rail-btn.expand:hover{background:#94a3b814;color:#cbd5e1}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;border-top:1px solid rgba(148,163,184,.06)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(148,163,184,.1);background:#94a3b80f;color:#64748b;border-radius:6px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapse-btn:hover{background:#94a3b81f;border-color:#94a3b833;color:#e2e8f0}.topbar-logo{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(78,186,189,.3));flex-shrink:0;align-self:center}.sidebar-compact-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid rgba(148,163,184,.12);background:#0c122266;flex-shrink:0}.sidebar-compact-title{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.summary-stats-row{display:flex;gap:6px}.summary-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;background:#4ebabd0f;border:1px solid rgba(78,186,189,.08)}.summary-stat-num{font-size:1.15rem;font-weight:800;color:#4ebabd;line-height:1}.summary-stat-label{font-size:.55rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.summary-stat-ok .summary-stat-num{color:#22c55e}.summary-stat-ok{background:#22c55e0d;border-color:#22c55e1a}.summary-stat-warn .summary-stat-num{color:#eab308}.summary-stat-warn{background:#eab3080d;border-color:#eab3081a}.active-member-types-banner{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:linear-gradient(135deg,#4ebabd1f,#4ebabd0f);border-bottom:1px solid rgba(78,186,189,.2)}.active-types-header{display:flex;align-items:center;gap:.375rem;color:#4ebabd;font-size:.75rem;font-weight:500;white-space:nowrap}.active-types-list{display:flex;flex-wrap:wrap;gap:.375rem;flex:1}.active-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:capitalize}.clear-active-types-btn{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffffb3;font-size:.7rem;cursor:pointer;transition:all .2s;white-space:nowrap}.clear-active-types-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff40}.page-selector-section{background:#4ebabd0d;border:1px solid rgba(78,186,189,.15);border-radius:8px;margin:.5rem;padding:.75rem!important}.page-selector-section h3{color:#4ebabd;font-size:.75rem;margin-bottom:.75rem}.page-selector{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#0f172a;border-radius:8px;padding:.5rem}.page-selector .page-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.page-selector .page-nav-btn:hover:not(:disabled){background:#334155;color:#4ebabd;border-color:#4ebabd}.page-selector .page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-selector-info{display:flex;flex-direction:column;align-items:center;gap:.125rem}.page-selector-info .current-page{font-size:1.1rem;font-weight:700;color:#e2e8f0}.page-selector-info .total-pages{font-size:.7rem;color:#64748b}.page-hint{margin-top:.75rem;padding:.5rem;background:#f1c40f1a;border:1px solid rgba(241,196,15,.2);border-radius:6px;font-size:.7rem;color:#f1c40f;text-align:center;line-height:1.4}.beam-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.beam-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .15s ease}.beam-item:hover{background:#1e293b;border-color:#475569;transform:translate(4px)}.beam-item.selected{background:#1e293b;border-color:gold;box-shadow:0 2px 8px #ffd7004d}.beam-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.beam-indicator.horizontal{background:#3498db}.beam-indicator.vertical{background:#2ecc71}.beam-indicator.inclined{background:#e74c3c}.beam-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.beam-profile{font-size:.9rem;font-weight:600;color:#e2e8f0}.beam-meta{font-size:.75rem;color:#64748b;font-weight:500}.empty-state{padding:2rem 1rem;text-align:center;color:#64748b;font-size:.85rem;font-style:italic}.beam-count{padding:.75rem;text-align:center;color:#94a3b8;font-size:.8rem;font-weight:600;background:#0f172a;border:1px solid #334155;border-radius:6px}.beam-list::-webkit-scrollbar{width:6px}.beam-list::-webkit-scrollbar-track{background:#0f172a}.beam-list::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.beam-list::-webkit-scrollbar-thumb:hover{background:#475569}.sidebar-section{display:block;padding:.75rem .875rem;border-bottom:1px solid rgba(148,163,184,.12);box-sizing:border-box;width:100%;position:relative}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{font-size:.6rem;font-weight:600;text-transform:uppercase;color:#64748b;margin:0 0 .625rem;letter-spacing:.08em;padding:0;background:none;border-radius:0;display:inline-flex;align-items:center;gap:.375rem}.stat-label{font-size:.7rem;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#e2e8f0;line-height:1}.stats-container{display:flex;flex-direction:column;gap:.5rem}.tool-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.875rem;background:#0f172a;border:2px solid #334155;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#94a3b8;font-size:.7rem;font-weight:600;min-height:70px}.tool-btn:hover:not(:disabled){background:#1e293b;border-color:#4ebabd;color:#4ebabd;transform:translateY(-1px);box-shadow:0 4px 8px #4ebabd4d}.tool-btn.active{background:linear-gradient(135deg,#4ebabd,#2c7181);border-color:#4ebabd;color:#fff;box-shadow:0 6px 12px #4ebabd80}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.view-controls,.edit-controls,.align-controls,.transform-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;align-items:center}.control-btn{display:flex;align-items:center;justify-content:center;padding:.6rem;background:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#94a3b8}.control-btn:hover:not(:disabled){background:#1e293b;border-color:#4ebabd;color:#4ebabd;box-shadow:0 2px 4px #4ebabd4d}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn-sm{display:flex;align-items:center;justify-content:center;padding:.4rem;background:#0f172a;border:1px solid #334155;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#94a3b8;font-size:.7rem}.control-btn-sm:hover:not(:disabled){background:#1e293b;border-color:#4ebabd;color:#4ebabd;box-shadow:0 2px 4px #4ebabd4d}.control-btn-sm:disabled{opacity:.3;cursor:not-allowed}.control-btn-wide{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;background:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#94a3b8;font-size:.75rem;font-weight:600}.control-btn-wide:hover:not(:disabled){background:#1e293b;border-color:#4ebabd;color:#4ebabd;box-shadow:0 2px 4px #4ebabd4d}.control-btn-wide:disabled{opacity:.3;cursor:not-allowed}.zoom-value{grid-column:span 4;text-align:center;font-size:.85rem;font-weight:600;color:#e2e8f0;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:4px;margin-top:.4rem}.align-controls{grid-template-columns:repeat(3,1fr)}.transform-controls{grid-template-columns:repeat(2,1fr)}.action-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;min-width:100%;padding:.5rem .75rem;margin-bottom:.25rem;background:#0f172a99;border:1px solid rgba(148,163,184,.08);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#94a3b8;font-size:.72rem;font-weight:500;box-sizing:border-box;text-align:left;white-space:nowrap;letter-spacing:.01em}.action-btn svg{flex-shrink:0;width:15px;height:15px;opacity:.8}.action-btn span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn:hover:not(:disabled){background:#1e293bcc;border-color:#94a3b826;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-btn:hover:not(:disabled) svg{opacity:1}.action-btn:disabled{opacity:.25;cursor:not-allowed}.action-btn.primary-btn{background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;font-weight:700;font-size:.78rem;letter-spacing:.3px;padding:.6rem .85rem;box-shadow:0 2px 10px #4ebabd4d,0 1px 2px #0000001a;position:relative;overflow:hidden}.action-btn.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transition:left .45s ease}.action-btn.primary-btn:hover:not(:disabled):before{left:100%}.action-btn.primary-btn svg{opacity:1}.action-btn.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#3a8a9a);transform:translateY(-1px);box-shadow:0 6px 24px #4ebabd66,0 2px 4px #0000001a}.action-btn.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 6px #4ebabd33}.action-btn.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.action-btn.primary-btn.is-detecting{opacity:1;cursor:wait;box-shadow:0 2px 10px #4ebabd59,0 1px 2px #0000001a}.action-btn.primary-btn.is-detecting:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--detect-progress, 0%);max-width:100%;background:#ffffffe6;border-radius:0 3px 0 8px;pointer-events:none;transition:width .45s cubic-bezier(.4,0,.2,1)}.action-btn.primary-save-btn{background:linear-gradient(135deg,#22c55e26,#16a34a1a);color:#22c55e;border:1px solid rgba(34,197,94,.2);font-weight:600}.action-btn.primary-save-btn svg{opacity:1}.action-btn.primary-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e40,#16a34a26);border-color:#22c55e59;transform:translateY(-1px);box-shadow:0 4px 20px #22c55e26}.action-btn.primary-save-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.toolbar-btn.btn-3d-topbar{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;border:1px solid #3b82f6;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;position:relative;box-shadow:0 0 10px #2563eb66,0 2px 6px #00000026;transition:all .2s ease}.toolbar-btn.btn-3d-topbar:hover:not(:disabled){box-shadow:0 0 18px #2563eb99,0 4px 12px #7c3aed4d;border-color:#60a5fa;transform:scale(1.1)}.toolbar-btn.btn-3d-topbar:disabled{opacity:.35;box-shadow:none;cursor:not-allowed;transform:none;background:#1e293b;border-color:#334155;color:#64748b}.toolbar-btn.btn-3d-topbar.active-3d{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#818cf8;box-shadow:0 0 14px #6366f180,0 2px 8px #0003}.toolbar-btn.btn-3d-topbar.active-3d:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:6px;height:3px;background:#818cf8;border-radius:2px}.toolbar-btn .icon-3d-visibility{width:20px;height:20px;filter:brightness(0) invert(1);pointer-events:none}.toolbar-btn.btn-3d-topbar:disabled .icon-3d-visibility{opacity:.5}.action-btn.danger-btn{background:#450a0a66;color:#f87171;border-color:#7f1d1d4d}.action-btn.danger-btn:hover:not(:disabled){background:#dc262626;color:#fca5a5;border-color:#dc26264d;box-shadow:0 4px 16px #dc262626}.action-btn.bulk-analysis-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;font-weight:600}.action-btn.bulk-analysis-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf680}.bulk-analysis-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.bulk-analysis-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.bulk-analysis-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0}.bulk-analysis-modal .modal-header h2 svg{color:#8b5cf6}.bulk-analysis-modal .modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .15s ease}.bulk-analysis-modal .modal-close:hover{color:#f1f5f9;background:#64748b33}.bulk-analysis-modal .modal-content{flex:1;overflow-y:auto;padding:1.5rem}.bulk-analysis-modal .bulk-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.bulk-analysis-modal .summary-stat{display:flex;align-items:center;gap:.75rem;flex:1;padding:1rem;border-radius:12px;background:#0f172a99}.bulk-analysis-modal .summary-stat.success{border:1px solid rgba(34,197,94,.3)}.bulk-analysis-modal .summary-stat.success svg{color:#22c55e}.bulk-analysis-modal .summary-stat.error{border:1px solid rgba(239,68,68,.3)}.bulk-analysis-modal .summary-stat.error svg{color:#ef4444}.bulk-analysis-modal .summary-stat.info{border:1px solid rgba(78,186,189,.3)}.bulk-analysis-modal .summary-stat.info svg{color:#4ebabd}.bulk-analysis-modal .stat-content{display:flex;flex-direction:column}.bulk-analysis-modal .stat-value{font-size:1.5rem;font-weight:700;color:#f1f5f9;line-height:1}.bulk-analysis-modal .stat-label{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.bulk-analysis-modal .processing-time{text-align:center;color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.bulk-analysis-modal .bulk-results-list{background:#0f172a66;border-radius:12px;padding:1rem}.bulk-analysis-modal .bulk-results-list h3{font-size:.875rem;font-weight:600;color:#94a3b8;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.bulk-analysis-modal .result-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:background .15s ease}.bulk-analysis-modal .result-row:hover{background:#4ebabd1a}.bulk-analysis-modal .result-row.current{background:#4ebabd26;border:1px solid rgba(78,186,189,.3)}.bulk-analysis-modal .result-row.error{background:#ef44441a;cursor:default}.bulk-analysis-modal .page-num{font-weight:500;color:#f1f5f9;min-width:80px}.bulk-analysis-modal .beam-count{color:#4ebabd;font-size:.875rem}.bulk-analysis-modal .scale-info{color:#64748b;font-size:.8125rem;margin-left:auto}.bulk-analysis-modal .error-msg{color:#ef4444;font-size:.8125rem}.bulk-analysis-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #334155}.bulk-analysis-modal .btn-secondary{padding:.625rem 1.5rem;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#f1f5f9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.bulk-analysis-modal .btn-secondary:hover{background:#64748b4d}.info-panel{background:#0f172a;padding:1rem;border-radius:6px;font-size:.85rem;border:1px solid #334155}.info-panel p{margin:0 0 .5rem;display:flex;justify-content:space-between;align-items:center;color:#94a3b8}.info-panel p:last-child{margin-bottom:0}.info-panel strong{color:#e2e8f0;font-weight:600}.property-info{background:#0f172a80;border:1px solid rgba(148,163,184,.06);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.property-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid rgba(148,163,184,.04);color:#94a3b8}.property-row:last-child{border-bottom:none}.property-row label{font-size:.7rem;font-weight:500;color:#64748b}.property-row span{font-size:.75rem;font-weight:600;color:#e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8;margin-bottom:.5rem;cursor:pointer;font-weight:500;padding:2px 0;transition:color .15s ease}.checkbox-label:hover{color:#cbd5e1}.checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#4EBABD;border-radius:3px}.input-label{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:#94a3b8;margin-bottom:.5rem;font-weight:500}.input-label input[type=number],.input-label input[type=text],.input-label select{padding:.5rem .6rem;border:1px solid rgba(148,163,184,.1);border-radius:6px;font-size:.75rem;background:#0f172a99;color:#e2e8f0;transition:all .2s ease}.input-label input[type=number]:focus,.input-label input[type=text]:focus,.input-label select:focus{outline:none;border-color:#4ebabd4d;box-shadow:0 0 0 3px #4ebabd0f}.input-label input[type=range]{width:100%;accent-color:#4EBABD}.input-label span{font-size:.75rem;color:#64748b;font-weight:500}.viewer-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#1e293b;border-bottom:1px solid #334155;height:52px;min-height:52px;max-height:52px;box-shadow:0 2px 8px #0003;flex-shrink:0;z-index:20;width:100%;overflow:hidden}.header-left{display:flex;align-items:center;gap:6px;flex-shrink:0;z-index:2;min-width:0}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#e2e8f0;transition:all .15s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background:#ffffff14;color:#fff}.back-to-projects{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:6px;color:#4ebabd;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.back-to-projects:hover{background:#4ebabd33;border-color:#4ebabd}.back-to-projects span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0;z-index:2}.toolbar{display:flex;align-items:center;gap:2px;background:#ffffff0a;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.06);flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .toolbar-btn,.header-left .toolbar-btn,.header-right .toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#e2e8f0;flex-shrink:0}.toolbar .toolbar-btn svg,.toolbar .toolbar-btn svg *,.header-left .toolbar-btn svg,.header-left .toolbar-btn svg *,.header-right .toolbar-btn svg,.header-right .toolbar-btn svg *{color:#e2e8f0;stroke-width:1.8;pointer-events:none}.toolbar .toolbar-btn:hover:not(:disabled),.header-left .toolbar-btn:hover:not(:disabled),.header-right .toolbar-btn:hover:not(:disabled){background:#ffffff14}.toolbar .toolbar-btn:hover:not(:disabled) svg,.header-left .toolbar-btn:hover:not(:disabled) svg,.header-right .toolbar-btn:hover:not(:disabled) svg{color:#fff}.toolbar .toolbar-btn.active,.header-right .toolbar-btn.active{background:#4ebabd26;color:#4ebabd}.toolbar .toolbar-btn.active svg,.header-right .toolbar-btn.active svg{color:#4ebabd}.toolbar .toolbar-btn:disabled,.header-right .toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-btn.feature-locked,.rail-btn.feature-locked{opacity:.5;cursor:pointer!important}.toolbar-btn.feature-locked:hover,.rail-btn.feature-locked:hover{opacity:.8;background:#f59e0b1a!important}.toolbar-btn.feature-locked .lock-badge,.rail-btn.feature-locked .lock-badge{position:absolute;bottom:0;right:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#92400e;border-radius:3px;pointer-events:none;z-index:2}.toolbar-btn.feature-locked .lock-badge svg,.rail-btn.feature-locked .lock-badge svg{color:#fbbf24!important;stroke-width:2.5!important}.action-btn.feature-locked{position:relative;opacity:.5;cursor:pointer!important}.action-btn.feature-locked:hover{opacity:.8;background:#f59e0b14!important;border-color:#f59e0b33!important}.action-btn.feature-locked .lock-inline{margin-left:auto;color:#d97706;flex-shrink:0}.checkbox-label.feature-locked{opacity:.5}.checkbox-label.feature-locked:hover{opacity:.8}.header-right .toolbar .toolbar-btn:disabled svg{color:#64748b}.toolbar .toolbar-divider{width:1px;height:20px;background:#334155;margin:0 3px;flex-shrink:0}.toolbar .zoom-display{font-size:.7rem;font-weight:600;color:#94a3b8;padding:0 6px;min-width:40px;text-align:center;font-family:SF Mono,Fira Code,monospace;background:transparent;border:none;border-radius:4px;height:26px;line-height:26px}.results-toggle-btn{gap:4px;width:auto;min-width:30px;padding:0 8px}.results-toggle-count{font-size:10px;font-weight:700;background:#4ebabd33;color:#4ebabd;padding:1px 6px;border-radius:8px;line-height:1.4}.tbd-toggle{display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;color:#64748b;background:transparent;border:1px solid #334155;border-radius:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;height:28px;line-height:28px;vertical-align:middle}.tbd-toggle:hover{color:#c8c800;border-color:#c8c8004d;background:#c8c8000f}.tbd-toggle.active{color:#c8c800;background:#c8c8001f;border-color:#c8c80059}.tbd-toggle:first-of-type:hover{color:#60a5fa;border-color:#60a5fa4d;background:#60a5fa0f}.tbd-toggle:first-of-type.active{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa59}.tbd-toggle-label{font-weight:600;letter-spacing:.3px}.tbd-toggle-count{font-size:9px;font-weight:700;background:#64748b33;padding:1px 5px;border-radius:8px;line-height:1.4}.tbd-toggle.active .tbd-toggle-count{background:#c8c80033}.page-controls{display:flex;align-items:center;gap:1rem}.page-controls button{display:flex;align-items:center;justify-content:center;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .15s ease;color:#94a3b8}.page-controls button:hover:not(:disabled){background:#1e293b;border-color:#4ebabd;color:#4ebabd;box-shadow:0 2px 4px #4ebabd4d}.page-controls button:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap;font-family:SF Mono,Fira Code,monospace}.header-filename{font-size:11px;color:#64748b;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-hint{font-size:.8rem;color:#64748b;font-style:italic;min-width:250px;text-align:right}.canvas-container{flex:1;overflow:hidden;background:#0f172a;position:relative}.page-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;align-items:center;justify-content:center;z-index:100}.canvas-container canvas{display:block;width:100%;height:100%}.canvas-legend{position:absolute;top:16px;right:16px;background:#0f172af2;border:1px solid #334155;border-radius:10px;padding:16px;min-width:180px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006;z-index:100;font-family:inherit}.legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #334155}.legend-title{font-size:.85rem;font-weight:700;color:#4ebabd;text-transform:uppercase;letter-spacing:.5px}.legend-total{font-size:.8rem;font-weight:600;color:#64748b;background:#1e293b;padding:3px 8px;border-radius:4px}.legend-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:6px;background:#1e293b;padding:6px 10px;border-radius:5px;border:1px solid #334155}.legend-type{font-size:.85rem;font-weight:700;color:#4ebabd;min-width:28px}.legend-count{font-size:.85rem;font-weight:600;color:#e2e8f0;background:#334155;padding:2px 7px;border-radius:4px}.legend-orientation{display:flex;gap:12px;padding-top:10px;border-top:1px solid #334155}.orientation-item{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#94a3b8}.orientation-bar{width:16px;height:4px;border-radius:2px}.orientation-item.horizontal .orientation-bar{background:#3498db;box-shadow:0 0 4px #3498db80}.orientation-item.vertical .orientation-bar{background:#2ecc71;box-shadow:0 0 4px #2ecc7180}.orientation-item.inclined .orientation-bar{background:#e74c3c;box-shadow:0 0 4px #e74c3c80}.results-panel{width:480px;min-width:420px;max-width:520px;flex-shrink:0;background:#1e293b;border-left:1px solid #334155;display:flex;flex-direction:column;overflow:hidden;color:#e2e8f0;box-shadow:-2px 0 12px #0003;transition:flex .3s cubic-bezier(.22,1,.36,1),min-width .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.results-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #334155;background:linear-gradient(180deg,#1e293b,#1e293bf2);flex-shrink:0}.results-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0}.results-panel-title svg{color:#4ebabd}.results-count{font-size:11px;font-weight:600;padding:2px 8px;background:#4ebabd26;color:#4ebabd;border-radius:10px;border:1px solid rgba(78,186,189,.3)}.results-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;transition:all .15s}.results-panel-close:hover{background:#94a3b81a;color:#e2e8f0}.drawing-notes-bar{flex-shrink:0}.drawing-notes-bar details>summary{list-style:none}.drawing-notes-bar details>summary::-webkit-details-marker{display:none}.drawing-notes-bar details>summary .details-arrow{transition:transform .2s ease}.drawing-notes-bar details[open]>summary .details-arrow{transform:rotate(90deg)}.drawing-notes-bar details>summary:hover{background:#94a3b80d}.results-summary{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.1);flex-wrap:wrap;flex-shrink:0}.results-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid rgba(148,163,184,.15);background:#0f172a80;cursor:pointer;transition:all .15s;font-size:11px}.results-chip:hover{border-color:var(--chip-color);background:#4ebabd14}.results-chip.active{border-color:var(--chip-color);background:#4ebabd1f}.results-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.results-chip-count{font-weight:700;color:#e2e8f0}.results-chip-label{color:#94a3b8;font-weight:500}.conn-info-icon{display:inline-flex;align-items:center;transition:opacity .15s}.conn-info-icon:hover{opacity:1!important}.results-filter-bar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0}.results-filter-btn{padding:4px 10px;font-size:11px;font-weight:500;border:1px solid rgba(148,163,184,.15);border-radius:4px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.results-filter-btn:hover{border-color:var(--filter-color);color:var(--filter-color)}.results-filter-btn.active{border-color:var(--filter-color);background:#4ebabd1f;color:var(--filter-color)}.results-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0}.results-search svg{color:#64748b;flex-shrink:0}.results-search input{flex:1;border:none;background:transparent;color:#e2e8f0;font-size:12px;outline:none}.results-search input::placeholder{color:#475569}.results-search button{display:flex;align-items:center;background:none;border:none;color:#64748b;cursor:pointer;padding:2px}.results-search button:hover{color:#e2e8f0}.results-table-wrap{flex:1;overflow-y:auto;overflow-x:auto}.results-table-wrap::-webkit-scrollbar{width:6px}.results-table-wrap::-webkit-scrollbar-track{background:transparent}.results-table-wrap::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.results-table{width:100%;border-collapse:collapse;font-size:12px}.results-table thead{position:sticky;top:0;z-index:1}.results-table th{padding:6px;text-align:left;color:#64748b;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(148,163,184,.2);background:#1e293b;white-space:nowrap}.results-table td{padding:4px 5px;border-bottom:1px solid rgba(148,163,184,.06);white-space:nowrap}.results-table.editable td{padding:3px 4px}.results-table .text-right{text-align:right}.results-table .text-center{text-align:center}.results-table tbody tr{cursor:pointer;transition:background-color .12s ease}.results-table tbody tr:hover{background:#4ebabd0f}.results-table tbody tr.selected{background:#4ebabd73;outline:2px solid #4EBABD;outline-offset:-1px}.results-table tbody tr.selected td{color:#fff}.results-table tbody tr.selected td:first-child{border-left:4px solid #4EBABD}.results-table tbody tr.row-flash{animation:row-flash-anim 1.5s ease-out}@keyframes row-flash-anim{0%{background:#4ebabdcc}30%{background:#4ebabd99}to{background:#4ebabd73}}.results-table .sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.results-table .sortable-th:hover{color:#4ebabd}.results-table .sort-arrow{font-size:8px;color:#4ebabd;margin-left:1px}.table-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#4EBABD;margin:0;vertical-align:middle}.results-bulk-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#4ebabd14;border:1px solid rgba(78,186,189,.2);border-radius:6px;margin:0 8px 6px;flex-wrap:wrap}.results-bulk-bar .bulk-count{font-size:11px;font-weight:600;color:#4ebabd;white-space:nowrap;margin-right:4px}.results-bulk-bar .bulk-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;color:#e2e8f0;background:#ffffff0d;border:1px solid #334155;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.results-bulk-bar .bulk-btn:hover{background:#ef444426;border-color:#ef4444;color:#fca5a5}.results-bulk-bar .bulk-select{padding:3px 6px;font-size:11px;color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:4px;cursor:pointer;outline:none}.results-bulk-bar .bulk-select:hover{border-color:#4ebabd}.results-table .cell-row-num{font-size:10px;color:#475569;font-weight:500;font-family:SF Mono,Fira Code,monospace;width:28px;text-align:center;padding-left:6px;padding-right:2px}.results-table .cell-profile{font-weight:600;color:#e2e8f0}.results-table .cell-editable{padding:3px 4px}.inline-edit-input{width:100%;background:#1e3a5f73;border:1px solid rgba(71,85,105,.4);border-radius:4px;color:#e2e8f0;font-size:12px;font-weight:600;font-family:inherit;padding:3px 6px;outline:none;transition:all .15s ease;min-width:60px}.inline-edit-input:hover{border-color:#4ebabd;background:#1e3a5fa6}.inline-edit-input:focus{border-color:#4ebabd;background:#4ebabd0f;box-shadow:0 0 0 2px #4ebabd1a}.inline-edit-input.tbd-placeholder::placeholder{color:#c8c800;font-weight:500;opacity:.7}.inline-edit-select{width:100%;background:#1e3a5f73;border:1px solid rgba(71,85,105,.4);border-radius:4px;font-size:11px;font-weight:600;font-family:inherit;padding:3px 4px;outline:none;cursor:pointer;transition:all .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:58px}.inline-edit-select:hover{border-color:#4ebabd;background:#1e3a5fa6}.inline-edit-select:focus{border-color:#4ebabd;background:#4ebabd0f}.inline-edit-select option{background:#1e293b;color:#e2e8f0}.results-table .tbd-label{color:#c8c800;font-weight:500}.results-table .mono{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#e2e8f0}.results-table .dim{color:#475569}.results-table .grid-cell{font-size:10px;color:#94a3b8}.conf-badge{padding:2px 6px;border-radius:4px;font-weight:600;font-size:10px}.conf-badge.high{background:#22c55e1f;color:#22c55e}.conf-badge.medium{background:#eab3081f;color:#eab308}.conf-badge.low{background:#ef44441f;color:#ef4444}.results-properties{border-top:1px solid #334155;padding:12px;flex-shrink:0;background:#0f172a80}.results-properties-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:10px}.results-prop-label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:11px;color:#94a3b8;min-width:0}.results-prop-label input,.results-prop-label select{padding:6px 10px;border-radius:6px;border:1px solid rgba(71,85,105,.5);background:#1e3a5f73;color:#e2e8f0;font-size:12px;outline:none;transition:all .15s;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.results-prop-label input:hover,.results-prop-label select:hover{border-color:#4ebabd;background:#1e3a5fa6}.results-prop-label input:focus,.results-prop-label select:focus{border-color:#4ebabd;background:#4ebabd14;box-shadow:0 0 0 2px #4ebabd1f}.results-prop-info{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;padding-top:4px}.results-panel-detached{width:100%;min-width:0;max-width:100%;height:100vh;flex-shrink:0;background:#1e293b;display:flex;flex-direction:column;overflow:hidden;color:#e2e8f0}.results-panel-detached .results-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #334155;background:linear-gradient(180deg,#1e293b,#1e293bf2);flex-shrink:0;position:sticky;top:0;z-index:10}.results-panel-detached .results-table-wrap{flex:1;overflow:auto}.results-panel-detached .results-panel-footer{position:sticky;bottom:0;z-index:10}.results-panel-footer{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #334155;background:#0f172a99;flex-shrink:0}.btn-save-takeoff{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#4ebabd26;color:#4ebabd}.btn-save-takeoff:hover:not(:disabled){background:#4ebabd40;transform:translateY(-1px);box-shadow:0 2px 8px #4ebabd33}.btn-save-takeoff:disabled{opacity:.5;cursor:not-allowed}.btn-save-takeoff.has-changes{background:linear-gradient(135deg,#4ebabd,#38a3a5);color:#fff;box-shadow:0 2px 8px #4ebabd4d}.btn-save-takeoff.has-changes:hover:not(:disabled){background:linear-gradient(135deg,#5cc9cc,#4ebabd);box-shadow:0 4px 12px #4ebabd66}.btn-save-takeoff .spinner{animation:spin 1s linear infinite}.unsaved-indicator{font-size:11px;color:#fbbf24;display:flex;align-items:center;gap:4px;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.save-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:10000;animation:toast-slide-in .3s ease-out;box-shadow:0 4px 16px #0000004d}.save-toast-success{background:linear-gradient(135deg,#065f46,#064e3b);color:#6ee7b7;border:1px solid #10b981}.save-toast-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;border:1px solid #ef4444}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.save-toast,.btn-save-takeoff,.unsaved-indicator{animation:none}.btn-save-takeoff:hover:not(:disabled){transform:none}.progress-fill{transition:none}}.viewer-status-bar{display:flex;align-items:center;flex-wrap:wrap;column-gap:1rem;row-gap:.35rem;padding:.5rem 1rem;background:#0f172a;border-top:1px solid #334155;font-size:.75rem;color:#94a3b8}.viewer-status-bar .status-item{display:flex;gap:.4rem;align-items:center;min-width:0;white-space:nowrap}.viewer-status-bar .status-label{color:#64748b}.viewer-status-bar .status-value{color:#e2e8f0;font-family:Fira Code,Monaco,monospace;white-space:nowrap}.viewer-status-bar .status-item.scale-status{margin-left:auto}.viewer-status-bar .status-item.scale-status .status-value{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.scale-notation{font-weight:600;color:#22d3ee;background:#22d3ee1a;padding:.125rem .5rem;border-radius:4px;border:1px solid rgba(34,211,238,.3);white-space:nowrap}.scale-method{font-size:.65rem;padding:.125rem .375rem;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.scale-method.manual{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.scale-method.high{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.scale-method.medium{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.3)}.scale-method.low{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.scale-method.fallback{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}@media (max-width: 1024px){.viewer-status-bar{column-gap:.75rem;row-gap:.3rem;padding:.45rem .75rem;font-size:.72rem}}@media (max-width: 820px){.viewer-status-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .6rem;align-items:center}.viewer-status-bar .status-item{justify-content:space-between}.viewer-status-bar .status-item.scale-status{grid-column:1 / -1;margin-left:0;justify-content:flex-start}}@media (max-width: 560px){.viewer-status-bar{grid-template-columns:1fr;gap:.3rem;padding:.4rem .6rem}.viewer-status-bar .status-item{justify-content:flex-start;gap:.35rem}.viewer-status-bar .status-label{min-width:56px}}.viewer-sidebar::-webkit-scrollbar{width:8px}.viewer-sidebar::-webkit-scrollbar-track{background:#0f172a}.viewer-sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.viewer-sidebar::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 1400px){.app-subtitle,.brand-divider{display:none}.header-filename{max-width:120px}.tbd-toggle .tbd-toggle-label{display:none}}@media (max-width: 1100px){.header-left .back-to-projects span,.header-filename{display:none}.toolbar .toolbar-divider{margin:0 1px}.toolbar{gap:1px;padding:3px 4px}}@media (max-width: 1200px){.viewer-sidebar:not(.collapsed){width:260px;min-width:260px;max-width:260px}.results-panel{width:420px;min-width:380px;max-width:420px}.header-left{min-width:120px}}@media (max-width: 768px){.viewer-sidebar:not(.collapsed){position:absolute;left:-320px;z-index:1000;height:100%;transition:left .3s ease}.viewer-sidebar.open{left:0}.results-panel{width:360px;min-width:320px;max-width:360px}.header-left{display:none}}.scale-settings h3{display:inline-flex;align-items:center;gap:.5rem}.scale-mode-toggle{display:flex;gap:2px;margin-bottom:.75rem;background:#0f172a99;border-radius:8px;padding:3px;border:1px solid rgba(148,163,184,.06)}.scale-mode-toggle .mode-btn{flex:1;padding:.4rem .6rem;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.scale-mode-toggle .mode-btn:hover{background:#4ebabd14;color:#94a3b8}.scale-mode-toggle .mode-btn.active{background:#4ebabd26;color:#4ebabd;box-shadow:0 1px 4px #4ebabd1a}.manual-scale-controls{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0f172a80;border-radius:8px;border:1px solid rgba(148,163,184,.06);margin-bottom:.75rem}.scale-label{font-size:.7rem;color:#94a3b8;font-weight:500}.scale-select{width:100%;padding:.5rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.75rem;cursor:pointer;transition:border-color .2s ease}.scale-select:hover,.scale-select:focus{border-color:#4ebabd;outline:none}.scale-input{width:100%;padding:.5rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.75rem;transition:border-color .2s ease;box-sizing:border-box}.scale-input:hover,.scale-input:focus{border-color:#4ebabd;outline:none}.scale-input::placeholder{color:#64748b}.scale-preview{padding:.5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:6px;color:#4ebabd;font-size:.7rem;font-weight:500;text-align:center}.scale-preview.calibrated{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.calibration-controls{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0f172a;border-radius:8px;margin-bottom:.75rem}.calibration-hint{font-size:.65rem;color:#94a3b8;margin:0 0 .25rem;line-height:1.4}.calibration-length-inputs{display:flex;align-items:center;gap:.25rem}.calibration-length-inputs .feet-input{width:60px}.calibration-length-inputs .inches-input{width:50px}.feet-label,.inches-label{color:#64748b;font-size:.85rem;font-weight:500}.scale-info-box{padding:.75rem;border-radius:8px;margin-top:.5rem}.scale-info-box.high{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.scale-info-box.medium{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.scale-info-box.low{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.scale-info-box.manual{background:#4ebabd1a;border:1px solid rgba(78,186,189,.3)}.scale-notation{font-size:1rem;font-weight:700;color:#fff;text-align:center;padding:.5rem;margin-bottom:.5rem;background:#0000004d;border-radius:6px;letter-spacing:.5px}.scale-info-box.high .scale-notation{background:#22c55e33;border:1px solid rgba(34,197,94,.4)}.scale-info-box.medium .scale-notation{background:#eab30833;border:1px solid rgba(234,179,8,.4)}.scale-info-box.low .scale-notation{background:#ef444433;border:1px solid rgba(239,68,68,.4)}.scale-info-box.manual .scale-notation{background:#4ebabd33;border:1px solid rgba(78,186,189,.4)}.scale-method{font-size:.75rem;font-weight:600;margin-bottom:.5rem}.scale-info-box.high .scale-method{color:#22c55e}.scale-info-box.medium .scale-method{color:#eab308}.scale-info-box.low .scale-method{color:#ef4444}.scale-info-box.manual .scale-method{color:#4ebabd}.scale-confidence{font-size:.7rem;color:#94a3b8;margin-bottom:.5rem}.confidence-bar{height:4px;background:#334155;border-radius:2px;margin-top:.25rem;overflow:hidden}.confidence-fill{height:100%;border-radius:2px;transition:width .3s ease}.scale-info-box.high .confidence-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.scale-info-box.medium .confidence-fill{background:linear-gradient(90deg,#eab308,#ca8a04)}.scale-info-box.low .confidence-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.scale-value{font-size:.7rem;color:#cbd5e1;font-family:Monaco,Menlo,monospace}.invalid-profiles-warning{margin-top:.75rem;padding:.75rem;background:#ea580c0f;border:1px solid rgba(234,88,12,.15);border-radius:8px;font-size:.75rem}.invalid-profiles-warning .warning-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.invalid-profiles-warning .warning-icon{font-size:1rem}.invalid-profiles-warning .warning-title{font-weight:600;color:#f97316;flex:1}.invalid-profiles-warning .warning-dismiss{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.invalid-profiles-warning .warning-dismiss:hover{background:#ffffff1a;color:#e2e8f0}.invalid-profiles-warning .warning-content p{margin:0 0 .5rem;color:#cbd5e1}.invalid-profiles-warning .invalid-profiles-list{margin:0 0 .5rem;padding-left:1.25rem;color:#fb923c}.invalid-profiles-warning .invalid-profiles-list li{margin:.15rem 0;font-family:Monaco,Menlo,monospace;font-size:.75rem}.invalid-profiles-warning .invalid-profiles-list .more-profiles{color:#94a3b8;font-style:italic;font-family:inherit}.invalid-profiles-warning .warning-note{font-size:.7rem;color:#94a3b8;font-style:italic;margin:0}.verification-section{background:linear-gradient(135deg,#3b82f614,#22c55e0d);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin:.5rem;padding:.75rem}.verification-section .section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.verification-section h3{display:flex;align-items:center;gap:.375rem;color:#4ebabd;margin:0;font-size:.8rem;font-weight:600}.verify-mode-toggle{position:relative;display:inline-block;width:36px;height:20px}.verify-mode-toggle input{opacity:0;width:0;height:0}.verify-mode-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;border-radius:20px;transition:.2s}.verify-mode-toggle .toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#94a3b8;border-radius:50%;transition:.2s}.verify-mode-toggle input:checked+.toggle-slider{background-color:#22c55e}.verify-mode-toggle input:checked+.toggle-slider:before{transform:translate(16px);background-color:#fff}.verify-status-summary{margin-bottom:.75rem}.verify-status-summary .status-bar{display:flex;height:6px;background:#64748b4d;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.verify-status-summary .status-segment{height:100%;transition:width .3s ease}.verify-status-summary .status-segment.verified{background:linear-gradient(90deg,#22c55e,#4ade80)}.verify-status-summary .status-segment.flagged{background:linear-gradient(90deg,#ef4444,#f87171)}.verify-status-summary .status-counts{display:flex;gap:.25rem}.verify-status-summary .status-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .5rem;background:#0f172a80;border:1px solid transparent;border-radius:4px;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .15s ease}.verify-status-summary .status-btn:hover{background:#64748b33}.verify-status-summary .status-btn.active{background:#4ebabd26;border-color:#4ebabd4d;color:#4ebabd}.verify-status-summary .status-btn.verified{color:#22c55e}.verify-status-summary .status-btn.unverified{color:#fb923c}.verify-status-summary .status-btn.flagged{color:#ef4444}.verify-status-summary .status-btn .count{font-weight:600}.verify-panel{background:#0f172a99;border:1px solid #334155;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.verify-beam-info{margin-bottom:.75rem}.verify-beam-info .beam-id-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.verify-beam-info .beam-id{font-size:.9rem;font-weight:700;color:#3b82f6}.verify-beam-info .beam-status{font-size:.65rem;padding:.125rem .375rem;border-radius:10px;font-weight:500}.verify-beam-info .beam-status.verified{background:#22c55e33;color:#22c55e}.verify-beam-info .beam-status.flagged{background:#ef444433;color:#ef4444}.verify-beam-info .beam-status.unverified{background:#fb923c33;color:#fb923c}.verify-beam-info .beam-details{display:flex;gap:.75rem;font-size:.75rem}.verify-beam-info .beam-profile{color:#e2e8f0;font-weight:600}.verify-beam-info .beam-length{color:#94a3b8}.verify-quick-actions{display:flex;gap:.375rem;margin-bottom:.75rem}.verify-quick-actions .quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.verify-quick-actions .quick-btn.verify{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.verify-quick-actions .quick-btn.verify:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 8px #22c55e66}.verify-quick-actions .quick-btn.flag{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.verify-quick-actions .quick-btn.flag:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #ef444466}.verify-quick-actions .quick-btn:disabled{opacity:.5;cursor:not-allowed}.verify-form-compact{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid #334155}.verify-form-compact .form-row{display:flex;align-items:center;gap:.5rem}.verify-form-compact label{width:50px;font-size:.7rem;color:#94a3b8;flex-shrink:0}.verify-form-compact input{flex:1;padding:.375rem .5rem;background:#1e293b;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:.75rem}.verify-form-compact input:focus{outline:none;border-color:#4ebabd}.verify-form-compact .length-row{flex-wrap:nowrap}.verify-form-compact .length-inputs-compact{display:flex;align-items:center;gap:.25rem;flex:1}.verify-form-compact .length-inputs-compact input{width:50px;flex:0 0 auto;text-align:center}.verify-form-compact .length-inputs-compact span{color:#64748b;font-size:.75rem}.btn-save-corrections{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;margin-top:.25rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-save-corrections:hover:not(:disabled){background:#3b82f640;border-color:#3b82f6}.btn-save-corrections:disabled{opacity:.5;cursor:not-allowed}.verify-nav{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;margin-top:.5rem;border-top:1px solid #334155}.verify-nav button{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid #334155;border-radius:4px;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .15s ease}.verify-nav button:hover{background:#64748b33;border-color:#64748b;color:#e2e8f0}.verify-nav .nav-position{font-size:.7rem;color:#64748b}.verify-prompt{text-align:center;padding:1rem}.verify-prompt p{color:#94a3b8;font-size:.8rem;margin:0 0 .75rem}.verify-prompt .keyboard-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.65rem;color:#64748b}.verify-prompt .keyboard-hints span{display:flex;align-items:center;gap:.25rem}.verify-prompt kbd{display:inline-block;padding:.125rem .375rem;background:#334155;border:1px solid #475569;border-radius:3px;font-family:monospace;font-size:.65rem;color:#e2e8f0}.verification-actions{display:flex;gap:.5rem}.verification-actions .action-btn{flex:1}.verify-all-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important;font-weight:600!important}.verify-all-btn svg{color:#fff!important}.verify-all-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 12px #22c55e66}.verification-complete-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;margin-top:.5rem;background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-weight:600;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px)}.verify-modal{background:#1e293b;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 20px 60px #00000080;border:1px solid #334155}.verify-modal.verify-modal--beam-edit{width:min(440px,92vw);max-width:92vw;box-sizing:border-box}.verify-modal--beam-edit .verify-modal-content{overflow-x:hidden}.verify-modal--beam-edit .verify-form{width:100%;min-width:0;box-sizing:border-box}.verify-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #334155}.verify-modal-header h3{color:#e2e8f0;font-size:1rem;margin:0}.verify-modal-header .modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px}.verify-modal-header .modal-close:hover{color:#e2e8f0;background:#ffffff1a}.verify-modal-content{padding:1.25rem}.verify-modal-content .beam-info{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#64748b33;border-radius:6px;margin-bottom:1rem}.verify-modal-content .beam-profile{font-weight:600;color:#4ebabd;font-size:1rem}.verify-modal-content .beam-detected{font-size:.8rem;color:#94a3b8}.verify-form label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.verify-form .length-inputs{display:flex;gap:.75rem;margin-bottom:.5rem;width:100%;min-width:0;box-sizing:border-box}.verify-form .length-inputs--beam-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem .75rem;align-items:stretch}@media (max-width: 380px){.verify-form .length-inputs--beam-edit{grid-template-columns:minmax(0,1fr)}}.verify-form .length-field-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:.4rem}.verify-form .input-group{display:flex;align-items:stretch;flex:1 1 0;min-width:0;max-width:100%}.verify-form .length-inputs--beam-edit .input-group{flex:unset}.verify-form .input-group input{flex:1 1 0;min-width:0;width:100%;max-width:100%;padding:.55rem .65rem;background:#0f172a;border:1px solid #334155;border-radius:6px 0 0 6px;color:#e2e8f0;font-size:.875rem;font-variant-numeric:tabular-nums;box-sizing:border-box}.verify-form .input-group input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 1px #4ebabd40}.verify-form .input-group .unit{flex-shrink:0;display:inline-flex;align-items:center;padding:.5rem .65rem;background:#334155;border:1px solid #334155;border-left:none;border-radius:0 6px 6px 0;color:#cbd5e1;font-size:.75rem;font-weight:600;letter-spacing:.02em;min-width:2.25rem;justify-content:center}.verify-form .verify-hint{font-size:.7rem;color:#64748b;margin:0 0 1rem}.verify-form .verify-note-input,.verify-form .verify-profile-input{width:100%;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.85rem;box-sizing:border-box}.verify-form .verify-profile-input{font-family:SF Mono,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.verify-form .verify-note-input:focus,.verify-form .verify-profile-input:focus{outline:none;border-color:#4ebabd}.verify-hint.profile-hint{color:#f59e0b;font-style:italic}.beam-info .beam-profile.tbd{background:#f59e0b33;color:#f59e0b;border:1px dashed #f59e0b}.verify-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #334155}.verify-modal-footer .btn-cancel{padding:.5rem 1rem;background:#334155;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.85rem}.verify-modal-footer .btn-cancel:hover{background:#475569}.verify-modal-footer .btn-verify{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500}.verify-modal-footer .btn-verify:hover{background:linear-gradient(135deg,#219a52,#27ae60)}.verify-modal-footer .btn-verify:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#1e293b;border-radius:12px;width:420px;max-width:90vw;box-shadow:0 20px 60px #00000080;border:1px solid #334155;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #334155;border-radius:12px 12px 0 0}.confirm-modal-header.danger{background:linear-gradient(135deg,#ef444433,#dc26261a);border-bottom:1px solid rgba(239,68,68,.3)}.confirm-modal-header.warning{background:linear-gradient(135deg,#f59e0b33,#d977061a);border-bottom:1px solid rgba(245,158,11,.3)}.confirm-modal-header.info{background:linear-gradient(135deg,#4ebabd33,#2c71811a);border-bottom:1px solid rgba(78,186,189,.3)}.confirm-modal-header h3{color:#e2e8f0;font-size:1.1rem;margin:0;font-weight:600}.confirm-modal-header.danger h3{color:#fca5a5}.confirm-modal-header.warning h3{color:#fcd34d}.confirm-modal-header.info h3{color:#4ebabd}.confirm-modal-header .modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.confirm-modal-header .modal-close-btn:hover{color:#e2e8f0;background:#ffffff1a}.confirm-modal-body{padding:1.5rem 1.25rem}.confirm-modal-body p{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #334155;background:#0f172a80;border-radius:0 0 12px 12px}.confirm-modal-footer .btn{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.confirm-modal-footer .btn-secondary{background:#334155;color:#e2e8f0}.confirm-modal-footer .btn-secondary:hover{background:#475569}.confirm-modal-footer .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-modal-footer .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.confirm-modal-footer .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.confirm-modal-footer .btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d}.confirm-modal-footer .btn-primary{background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff}.confirm-modal-footer .btn-primary:hover{background:linear-gradient(135deg,#3aa8ab,#245d6a);box-shadow:0 4px 12px #4ebabd4d}.layers-section h3,.groups-section h3{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.layers-panel,.groups-panel{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.layer-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#0f172a80;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.layer-item:hover{background:#4ebabd1a;border-color:#4ebabd33}.layer-item.active{background:#4ebabd26;border-color:#4ebabd}.layer-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.layer-name{flex:1;font-size:.8125rem;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:.25rem}.layer-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease}.layer-btn:hover{background:#64748b33;color:#94a3b8}.layer-btn.off{color:#475569}.layer-btn.on{color:#f59e0b}.layer-btn.danger{color:#64748b}.layer-btn.danger:hover{color:#ef4444;background:#ef444426}.section-header-row{display:flex;align-items:center;gap:.5rem}.section-header-row h3{flex:1;margin:0}.add-layer-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4ebabd26;border:1px solid rgba(78,186,189,.3);border-radius:4px;color:#4ebabd;cursor:pointer;transition:all .15s ease}.add-layer-btn:hover{background:#4ebabd40;border-color:#4ebabd;transform:scale(1.05)}.layer-hint{display:flex;align-items:flex-start;gap:.375rem;padding:.5rem;margin-top:.5rem;background:#64748b1a;border-radius:4px;font-size:.6875rem;color:#64748b;line-height:1.4}.layer-hint svg{flex-shrink:0;margin-top:1px}.layer-assign{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.2);border-radius:6px;margin-top:.5rem}.layer-assign span{font-size:.75rem;color:#4ebabd;white-space:nowrap}.layer-assign select{flex:1;padding:.25rem .5rem;background:#1e293b;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:.75rem}.no-groups{text-align:center;color:#64748b;font-size:.75rem;padding:1rem}.group-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#0f172a80;border:1px solid #334155;border-radius:6px}.group-name{flex:1;font-size:.8125rem;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:.7rem;color:#64748b;padding:.125rem .375rem;background:#64748b33;border-radius:10px}.group-actions{display:flex;gap:.25rem}.group-btn{padding:.25rem .5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.2);border-radius:4px;color:#4ebabd;font-size:.7rem;cursor:pointer;transition:all .15s ease}.group-btn:hover{background:#4ebabd33}.group-btn.danger{background:#ef44441a;border-color:#ef444433;color:#ef4444}.group-btn.danger:hover{background:#ef444433}.create-group-btn{width:100%;padding:.5rem;background:linear-gradient(135deg,#4ebabd1a,#2c71811a);border:1px dashed rgba(78,186,189,.4);border-radius:6px;color:#4ebabd;font-size:.75rem;cursor:pointer;margin-top:.5rem;transition:all .15s ease}.create-group-btn:hover{background:linear-gradient(135deg,#4ebabd26,#2c718126);border-color:#4ebabd}.conflict-warning{background:#ef44440d!important;border-color:#ef444433!important}.conflict-warning h3{color:#ef4444!important;background:#ef44441a!important}.conflict-list{display:flex;flex-direction:column;gap:.375rem}.conflict-item{display:flex;align-items:center;justify-content:space-between;padding:.375rem .625rem;background:#ef44441a;border-radius:4px;font-size:.75rem;color:#fca5a5}.conflict-type{font-size:.65rem;text-transform:uppercase;color:#ef4444;padding:.125rem .375rem;background:#ef444433;border-radius:10px}.more-conflicts{text-align:center;color:#ef4444;font-size:.7rem;padding:.25rem}.beam-context-menu{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:10px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d;min-width:220px;overflow:hidden;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#4ebabd1a;border-bottom:1px solid #334155}.context-menu-header .beam-id{font-weight:700;font-size:.9rem;color:#4ebabd}.context-menu-header .beam-status-tag{font-size:.65rem;padding:.125rem .5rem;border-radius:10px;font-weight:500}.context-menu-header .beam-status-tag.verified{background:#22c55e33;color:#22c55e}.context-menu-header .beam-status-tag.flagged{background:#ef444433;color:#ef4444}.context-menu-header .beam-status-tag.unverified{background:#fb923c33;color:#fb923c}.context-menu-info{padding:.625rem 1rem;background:#0f172a80}.context-menu-info .info-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-bottom:.25rem}.context-menu-info .info-row:last-child{margin-bottom:0}.context-menu-info .label{color:#64748b}.context-menu-info .value{color:#e2e8f0;font-weight:500}.context-menu-info .value.tbd{color:#f59e0b;font-style:italic}.context-menu-divider{height:1px;background:#334155;margin:0}.context-menu-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:#e2e8f0;font-size:.8rem;cursor:pointer;transition:all .1s ease;text-align:left}.context-menu-item:hover:not(:disabled){background:#4ebabd26}.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-item svg{color:#94a3b8;flex-shrink:0}.context-menu-item .hint{margin-left:auto;font-size:.65rem;color:#64748b}.context-menu-shortcut{margin-left:auto;font-size:.6rem;color:#475569;font-family:system-ui,monospace}.context-menu-item.verify:hover svg{color:#22c55e}.context-menu-item.quick-verify:hover:not(:disabled) svg{color:#22c55e}.context-menu-item.flag:hover svg{color:#ef4444}.context-menu-item.edit:hover svg{color:#3b82f6}.context-menu-item.delete{color:#f87171}.context-menu-item.delete:hover{background:#ef444426}.context-menu-item.delete svg{color:#ef4444}.member-type-header{font-size:.6rem;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.member-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden}.member-type-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.member-type-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.member-type-card.active{transform:translateY(-1px)}.member-type-card.member-type-column.active{background-color:#00b43c26;border-color:#00b43c80;box-shadow:inset 0 0 0 1px #00b43c33,0 0 12px #00b43c1a}.member-type-card.member-type-beam.active{background-color:#1e78ff26;border-color:#1e78ff80;box-shadow:inset 0 0 0 1px #1e78ff33,0 0 12px #1e78ff1a}.member-type-card.member-type-girder.active{background-color:#dc282826;border-color:#dc282880;box-shadow:inset 0 0 0 1px #dc282833,0 0 12px #dc28281a}.member-type-card.member-type-brace.active{background-color:#b400dc26;border-color:#b400dc80;box-shadow:inset 0 0 0 1px #b400dc33,0 0 12px #b400dc1a}.member-type-card.member-type-joist.active{background-color:#ffa00026;border-color:#ffa00080;box-shadow:inset 0 0 0 1px #ffa00033,0 0 12px #ffa0001a}.member-type-card.member-type-unknown.active{background-color:#95a5a626;border-color:#95a5a680;box-shadow:inset 0 0 0 1px #95a5a633,0 0 12px #95a5a61a}.member-type-bar{width:3px;height:22px;border-radius:3px;flex-shrink:0;opacity:.9}.member-type-info{flex:1;min-width:0}.member-type-count{font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.member-type-label{font-size:10px;color:#64748b;font-weight:500;letter-spacing:.02em}.member-type-beam{--member-color: #1E78FF}.member-type-girder{--member-color: #DC2828}.member-type-column{--member-color: #00B43C}.member-type-brace{--member-color: #B400DC}.member-type-joist{--member-color: #FFA000}.member-type-unknown{--member-color: #95A5A6}.member-type-card.member-type-column{background-color:#00b43c0f;border:1px solid rgba(0,180,60,.12)}.member-type-card.member-type-column:hover{background-color:#00b43c1a;border-color:#00b43c40}.member-type-card.member-type-beam{background-color:#1e78ff0f;border:1px solid rgba(30,120,255,.12)}.member-type-card.member-type-beam:hover{background-color:#1e78ff1a;border-color:#1e78ff40}.member-type-card.member-type-girder{background-color:#dc28280f;border:1px solid rgba(220,40,40,.12)}.member-type-card.member-type-girder:hover{background-color:#dc28281a;border-color:#dc282840}.member-type-card.member-type-brace{background-color:#b400dc0f;border:1px solid rgba(180,0,220,.12)}.member-type-card.member-type-brace:hover{background-color:#b400dc1a;border-color:#b400dc40}.member-type-card.member-type-joist{background-color:#ffa0000f;border:1px solid rgba(255,160,0,.12)}.member-type-card.member-type-joist:hover{background-color:#ffa0001a;border-color:#ffa00040}.member-type-card.member-type-unknown{background-color:#95a5a60f;border:1px solid rgba(149,165,166,.12)}.member-type-card.member-type-unknown:hover{background-color:#95a5a61a;border-color:#95a5a640}.member-type-filter{margin-top:8px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#0f172a80;border-radius:8px;border:1px solid rgba(148,163,184,.08)}.member-type-filter-label{font-size:11px;color:#94a3b8;font-weight:500}.member-type-filter-value{font-size:11px;padding:4px 12px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.member-type-filter-clear{font-size:10px;padding:3px 8px;border-radius:4px;border:none;background-color:#ef444433;color:#ef4444;cursor:pointer;transition:all .2s;margin-left:4px}.member-type-filter-clear:hover{background-color:#ef444466}.member-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.member-type-badge.column{background-color:#00b43c33;color:#00b43c}.member-type-badge.beam{background-color:#1e78ff33;color:#1e78ff}.member-type-badge.girder{background-color:#dc282833;color:#dc2828}.member-type-badge.brace{background-color:#b400dc33;color:#b400dc}.member-type-badge.joist{background-color:#ffa00033;color:#ffa000}.member-type-badge.unknown{background-color:#95a5a633;color:#95a5a6}.member-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.member-type-dot.beam{background-color:#1e78ff}.member-type-dot.girder{background-color:#dc2828}.member-type-dot.column{background-color:#00b43c}.member-type-dot.brace{background-color:#b400dc}.member-type-dot.joist{background-color:#ffa000}.member-type-dot.unknown{background-color:#95a5a6}.member-type-select{padding:6px 10px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:13px;cursor:pointer;transition:all .2s}.member-type-select:hover{border-color:#475569}.member-type-select:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 2px #4ebabd33}.member-type-override-indicator{font-size:10px;color:#f39c12;margin-left:4px;font-style:italic}.member-type-shortcuts{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:6px 10px;background:#1e293b80;border-radius:6px;border:1px solid #334155}.member-type-shortcuts .shortcut-item{display:flex;align-items:center;gap:3px}.member-type-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#e2e8f0;background:linear-gradient(180deg,#334155,#1e293b);border:1px solid #475569;border-radius:4px;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0d}.member-type-shortcuts .shortcut-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 4px currentColor}.member-type-shortcuts .shortcut-label{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ai-vision-controls{padding:8px 10px;margin-bottom:6px;background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border:1px solid rgba(139,92,246,.2);border-radius:8px}.ai-vision-header{display:flex;flex-direction:column;gap:6px}.ai-vision-toggle-row{display:flex;align-items:center;gap:6px;color:#a78bfa}.ai-vision-label{font-size:11px;font-weight:600;color:#c4b5fd;flex:1}.ai-toggle-btn{background:none;border:none;cursor:pointer;padding:0;color:#64748b;transition:color .2s;display:flex;align-items:center}.ai-toggle-btn.active{color:#a78bfa}.ai-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#475569;transition:background .2s,box-shadow .2s}.ai-status-dot.active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.ai-status-tag{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ai-status-tag.disabled{background:#ef444426;color:#f87171}.ai-mode-selector{display:flex;gap:4px}.ai-mode-btn{flex:1;padding:3px 8px;font-size:10px;font-weight:600;border:1px solid rgba(139,92,246,.2);border-radius:4px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.ai-mode-btn:hover{border-color:#8b5cf666;color:#c4b5fd}.ai-mode-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.ai-action-group{display:flex;gap:4px}.ai-action-btn{flex:1;justify-content:center;gap:4px!important;font-size:10px!important;padding:6px 4px!important;background:#8b5cf614!important;border:1px solid rgba(139,92,246,.2)!important;color:#c4b5fd!important;transition:all .15s!important}.ai-action-btn:hover:not(:disabled){background:#8b5cf626!important;border-color:#8b5cf666!important;color:#a78bfa!important}.ai-action-btn:disabled{opacity:.5}.ai-summary-panel{position:absolute;bottom:32px;right:12px;width:320px;max-height:400px;overflow-y:auto;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(139,92,246,.3);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 12px #8b5cf61a;z-index:100}.ai-summary-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(139,92,246,.2);color:#c4b5fd;font-size:12px;font-weight:600}.ai-panel-close{margin-left:auto;background:none;border:none;color:#64748b;cursor:pointer;padding:2px;border-radius:4px;transition:all .15s}.ai-panel-close:hover{color:#f87171;background:#f871711a}.ai-summary-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.ai-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ai-summary-label{color:#64748b}.ai-summary-value{color:#e2e8f0;font-weight:500}.ai-value-warning{color:#f59e0b}.ai-summary-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ai-stat{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px}.ai-stat.success{background:#22c55e1f;color:#4ade80}.ai-stat.warning{background:#f59e0b1f;color:#fbbf24}.ai-stat.info{background:#3b82f61f;color:#60a5fa}.ai-assessment{font-size:11px;color:#94a3b8;line-height:1.5;padding:6px 8px;background:#94a3b80f;border-radius:4px;margin-top:4px}.ai-scan-member{display:flex;gap:8px;font-size:10px;padding:3px 0;border-bottom:1px solid rgba(148,163,184,.06)}.ai-scan-mark{color:#94a3b8;font-family:monospace;min-width:36px}.ai-scan-profile{color:#e2e8f0;font-weight:600;flex:1}.ai-scan-type{color:#64748b;text-transform:capitalize}.ai-scan-more{font-size:10px;color:#64748b;text-align:center;padding:4px 0}.ai-summary-error{display:flex;align-items:center;gap:8px;font-size:11px;color:#f87171;padding:6px 8px;background:#f8717114;border-radius:4px}.ai-review-flags{margin-top:4px;padding:6px 8px;background:#f59e0b0f;border-radius:4px;border-left:2px solid rgba(245,158,11,.4)}.ai-flags-title{font-size:10px;font-weight:600;color:#fbbf24;display:block;margin-bottom:4px}.ai-flag-item{font-size:10px;color:#94a3b8;line-height:1.5;padding-left:8px}.ai-improvement-section{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:14px;margin-top:8px}.ai-improvement-section .section-header-row h3{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin:0}.ai-improvement-headline{text-align:center;margin-bottom:12px}.ai-improvement-pct{font-size:32px;font-weight:700;color:#22c55e;line-height:1}.ai-improvement-pct:first-child:not(:empty){background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-improvement-subtitle{font-size:11px;color:#94a3b8;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.ai-improvement-bar-container{margin-bottom:14px}.ai-improvement-bar-labels{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8;margin-bottom:4px}.ai-improvement-bar{position:relative;height:8px;background:#6366f126;border-radius:4px;overflow:hidden}.ai-improvement-bar-geometric{position:absolute;top:0;left:0;height:100%;background:#64748b;border-radius:4px 0 0 4px;z-index:1;transition:width .6s ease}.ai-improvement-bar-ai{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:4px;z-index:0;transition:width .6s ease}.ai-improvement-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.ai-metric-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1e293b80;border:1px solid rgba(99,102,241,.1);border-radius:6px;transition:border-color .2s}.ai-metric-card:hover{border-color:#6366f14d}.ai-metric-icon{flex-shrink:0}.ai-metric-icon.verified{color:#22c55e}.ai-metric-icon.added{color:#6366f1}.ai-metric-icon.corrected{color:#f59e0b}.ai-metric-icon.dimensions{color:#06b6d4}.ai-metric-icon.connections{color:#8b5cf6}.ai-metric-icon.quantities{color:#ec4899}.ai-metric-info{display:flex;flex-direction:column}.ai-metric-value{font-size:16px;font-weight:700;color:#e2e8f0;line-height:1}.ai-metric-label{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.ai-confidence-section{margin-bottom:10px}.ai-confidence-header{display:flex;align-items:center;gap:4px;font-size:10px;color:#94a3b8;margin-bottom:4px}.ai-confidence-value{margin-left:auto;font-weight:600;color:#a78bfa}.ai-confidence-bar{height:6px;background:#6366f11a;border-radius:3px;overflow:hidden}.ai-confidence-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#22c55e,#6366f1);border-radius:3px;transition:width .8s ease}.ai-improvement-footer{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#64748b;padding-top:8px;border-top:1px solid rgba(99,102,241,.08)}.ai-total-actions{color:#a78bfa;font-weight:500}.calibrate-popover{pointer-events:all}.calibrate-popover-inner{background:#1e293b;border:1px solid #475569;border-radius:10px;padding:16px;box-shadow:0 8px 32px #00000080;min-width:240px}.floating-panel{position:fixed;right:16px;z-index:500;background:#1e293b;border:1px solid #334155;border-radius:10px;box-shadow:0 8px 32px #0006;width:320px;max-height:420px;display:flex;flex-direction:column;overflow:hidden}.floating-panel.measurements-panel{top:100px}.floating-panel.count-panel{top:420px}.floating-panel.markup-toolbar-panel{right:auto;width:220px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;z-index:1000;cursor:default;-webkit-user-select:none;user-select:none}.floating-panel.markup-toolbar-panel .floating-panel-header{cursor:grab}.floating-panel.markup-toolbar-panel .floating-panel-header:active{cursor:grabbing}.floating-toolbar-wrapper{position:fixed;z-index:9999;display:flex;align-items:center;background:#1e293b;border:1px solid #475569;border-radius:10px;box-shadow:0 8px 32px #00000073,0 0 0 1px #4ebabd1f;padding:0;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-toolbar-wrapper .toolbar{border-radius:0;background:transparent;flex-shrink:0}.floating-toolbar-handle{display:flex;align-items:center;justify-content:center;width:22px;min-height:36px;cursor:grab;color:#64748b;font-size:14px;border-right:1px solid #334155;flex-shrink:0;transition:color .15s,background .15s;border-radius:10px 0 0 10px}.floating-toolbar-handle:hover{color:#4ebabd;background:#4ebabd14}.floating-toolbar-handle:active{cursor:grabbing}.floating-toolbar-handle .drag-dots{line-height:1;pointer-events:none}.floating-toolbar-dock{display:flex;align-items:center;justify-content:center;width:26px;min-height:36px;background:none;border:none;border-left:1px solid #334155;color:#64748b;cursor:pointer;flex-shrink:0;transition:color .15s,background .15s;border-radius:0 10px 10px 0}.floating-toolbar-dock:hover{color:#f87171;background:#f871711a}.floating-panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #334155;background:#4ebabd0d;color:#e2e8f0;font-size:.8rem;font-weight:600}.floating-panel-close{margin-left:auto;background:none;border:none;color:#64748b;cursor:pointer;padding:2px;border-radius:4px}.floating-panel-close:hover{background:#ef444426;color:#ef4444}.floating-panel-body{padding:10px 12px;overflow-y:auto;flex:1}.measurement-item{padding:6px 8px;margin-bottom:6px;border-radius:4px;background:#ffffff08}.count-group-item{padding:6px 8px;margin-bottom:6px;border-radius:4px;background:#ffffff08;cursor:pointer;transition:background .15s ease}.count-group-item:hover{background:#ffffff0f}.count-group-item.active{background:#4ebabd1a;border-color:#4ebabd!important}.page-nav-controls{display:flex;align-items:center;gap:2px}.page-nav-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;padding:0;transition:all .15s ease}.page-nav-btn:hover:not(:disabled){background:#4ebabd26;color:#4ebabd}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-nav-strip{width:120px;min-width:120px;max-width:120px;flex-shrink:0;background:#0c1524;border-right:1px solid rgba(148,163,184,.08);display:flex;flex-direction:column;overflow:hidden}.page-nav-strip-header{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#94a3b8;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0}.page-nav-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:#64748b;border-radius:3px;cursor:pointer;padding:0}.page-nav-close:hover{background:#ef444426;color:#ef4444}.page-nav-thumbs{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.page-nav-thumbs::-webkit-scrollbar{width:4px}.page-nav-thumbs::-webkit-scrollbar-track{background:transparent}.page-nav-thumbs::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.page-thumb{cursor:pointer;border-radius:6px;border:2px solid transparent;padding:3px;transition:all .2s ease;position:relative}.page-thumb:hover{background:#94a3b80f;border-color:#94a3b826}.page-thumb.active{border-color:#4ebabd;background:#4ebabd14}.page-thumb.analyzed:not(.active){border-color:#22c55e40}.page-thumb-img{position:relative;width:100%;aspect-ratio:8.5 / 11;border-radius:4px;overflow:hidden;background:#1e293b}.page-thumb-img img{width:100%;height:100%;object-fit:cover;display:block}.page-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#334155}.page-thumb-badge{position:absolute;top:3px;right:3px;width:16px;height:16px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 3px #0006}.page-thumb-label{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 0 1px}.page-thumb-num{font-size:.65rem;font-weight:600;color:#94a3b8}.page-thumb.active .page-thumb-num{color:#4ebabd}.page-thumb-beams{font-size:.55rem;color:#22c55e;background:#22c55e1a;padding:1px 4px;border-radius:3px;font-weight:600}@media (max-width: 1024px){.page-nav-strip{width:80px;min-width:80px;max-width:80px}}@media (max-width: 768px){.page-nav-strip{display:none}}.viewer-body .viewer-sidebar{order:0}.viewer-body .viewer-main{order:1}.viewer-body .viewer-3d-drag-handle{order:2}.viewer-body .viewer-3d-panel{order:3}.viewer-body .viewer-results-drag-handle{order:4}.viewer-body .results-panel{order:5}.viewer-body.vb-results .viewer-main{flex:1.4;min-width:300px}.viewer-body.vb-3d .viewer-main{flex:1.2;min-width:300px}.viewer-body.vb-results.vb-3d .viewer-main{flex:1;min-width:260px}.viewer-body.vb-results .results-panel{width:auto;min-width:360px;max-width:none;flex:1}.viewer-body.vb-results.vb-3d .results-panel{min-width:300px;flex:.85}.viewer-3d-panel{flex:1;min-width:320px;max-width:70vw;height:100%;display:flex;flex-direction:column;position:relative;flex-shrink:0;overflow:hidden;background:#0f0f1a;border-left:1px solid #2d2d44;animation:viewer3d-slide-in .25s cubic-bezier(.22,1,.36,1)}.viewer-body.vb-results.vb-3d .viewer-3d-panel{flex:1;min-width:300px}@keyframes viewer3d-slide-in{0%{flex:0;opacity:0;min-width:0}to{opacity:1}}.viewer-results-drag-handle{width:6px;cursor:col-resize;flex-shrink:0;background:#1a1a2e;position:relative;z-index:5;transition:background .15s}.viewer-results-drag-handle:hover{background:#4ebabd40}.viewer-results-drag-handle:before{content:"";position:absolute;left:50%;top:calc(50% - 10px);transform:translate(-50%);width:2px;height:20px;border-radius:1px;background:#475569;transition:background .15s}.viewer-results-drag-handle:hover:before{background:#4ebabd}.viewer-3d-drag-handle{width:8px;cursor:col-resize;flex-shrink:0;background:#1a1a2e;position:relative;z-index:5;transition:background .15s;touch-action:none}.viewer-3d-drag-handle:hover{background:#4ebabd40}.viewer-3d-drag-handle:before,.viewer-3d-drag-handle:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-radius:2px;background:#475569;transition:background .15s}.viewer-3d-drag-handle:before{top:calc(50% - 12px);width:3px;height:20px;border-radius:1.5px}.viewer-3d-drag-handle:after{top:calc(50% + 2px);width:3px;height:8px;border-radius:1.5px}.viewer-3d-drag-handle:hover:before,.viewer-3d-drag-handle:hover:after{background:#4ebabd}.viewer-body .viewer-main,.viewer-body .results-panel,.viewer-body .viewer-3d-panel{transition:flex .3s cubic-bezier(.22,1,.36,1),min-width .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.viewer-3d-drag-handle:active{width:10px;margin:0 -2px}.rte-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:rte-fadeIn .2s ease-out}@keyframes rte-fadeIn{0%{opacity:0}to{opacity:1}}.rte-modal{background:#1a1f2e;border-radius:16px;width:95%;max-width:1100px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);animation:rte-slideUp .3s ease-out}@keyframes rte-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rte-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#f973161a,#f9731608)}.rte-header-content{display:flex;align-items:center;gap:14px}.rte-header-icon{color:#f97316;flex-shrink:0}.rte-header h2{margin:0;font-size:18px;font-weight:700;color:#f1f5f9}.rte-subtitle{margin:2px 0 0;font-size:13px;color:#94a3b8}.rte-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;padding:6px;cursor:pointer;transition:all .15s}.rte-close-btn:hover{background:#ffffff1a;color:#f1f5f9}.rte-info-banner{display:flex;gap:10px;padding:12px 24px;background:#3b82f614;border-bottom:1px solid rgba(59,130,246,.15);color:#93c5fd;font-size:12.5px;line-height:1.5;align-items:flex-start}.rte-info-banner svg{flex-shrink:0;margin-top:2px}.rte-info-banner strong{color:#bfdbfe}.rte-toolbar{display:flex;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.rte-toolbar-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .15s}.rte-toolbar-btn:hover:not(:disabled){background:#ffffff1a;color:#f1f5f9}.rte-toolbar-btn:disabled{opacity:.4;cursor:default}.rte-toolbar-btn.danger:hover:not(:disabled){background:#ef444426;color:#ef4444;border-color:#ef44444d}.rte-toolbar-btn.save{border-color:#f973164d;color:#f97316}.rte-toolbar-btn.save:hover:not(:disabled){background:#f9731626}.rte-toolbar-spacer{flex:1}.rte-saved-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:#22c55e;padding:4px 8px;background:#22c55e1a;border-radius:4px}.rte-table-container{flex:1;overflow:auto;padding:0;min-height:200px;max-height:50vh}.rte-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:14px}.rte-table{width:100%;border-collapse:collapse;font-size:13px}.rte-table thead{position:sticky;top:0;z-index:2}.rte-table th{padding:8px 6px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#151929;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.rte-table td{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.rte-table tr:hover td{background:#ffffff05}.rte-row-empty td{opacity:.5}.rte-col-num{width:32px;text-align:center;color:#475569;font-size:11px}.rte-col-mark{width:90px}.rte-col-profile{width:130px}.rte-col-length{width:100px}.rte-col-qty{width:55px}.rte-col-grade{width:80px}.rte-col-type{width:90px}.rte-col-actions{width:32px;text-align:center}.rte-input{width:100%;padding:5px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;font-size:13px;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.rte-input:focus{outline:none;border-color:#f9731680;background:#ffffff0f}.rte-input::placeholder{color:#475569}.rte-input-mark{font-weight:600;color:#f97316}.rte-input-sm{text-align:center}.rte-select{width:100%;padding:5px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;font-size:12px;font-family:inherit;cursor:pointer;box-sizing:border-box}.rte-select:focus{outline:none;border-color:#f9731680}.rte-row-delete{background:none;border:none;color:#475569;cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.rte-row-delete:hover{color:#ef4444;background:#ef44441a}.rte-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.rte-footer-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.rte-footer-actions{display:flex;align-items:center;gap:10px}.rte-btn-skip{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .15s}.rte-btn-skip:hover{background:#ffffff0d;color:#f1f5f9}.rte-btn-confirm{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.rte-btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.rte-toolbar-btn.scan{border-color:#a855f74d;color:#a855f7;position:relative}.rte-toolbar-btn.scan:hover:not(:disabled){background:#a855f726;border-color:#a855f780}.rte-toolbar-btn.scan:disabled{opacity:.7;cursor:wait}.rte-ai-badge{color:#fbbf24;flex-shrink:0}@keyframes rte-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rte-spin{animation:rte-spin 1s linear infinite}.rte-scan-banner{display:flex;align-items:center;gap:8px;padding:8px 24px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.06)}.rte-scan-banner.success{background:#a855f714;color:#c084fc}.rte-scan-banner.error{background:#ef444414;color:#fca5a5}.rte-scan-banner strong{color:#e9d5ff}.rte-scan-dismiss{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:2px;margin-left:auto}.rte-scan-dismiss:hover{opacity:1}.rte-row-scanned td{border-left:2px solid rgba(168,85,247,.3)}.projects-page{display:flex;height:100%;background:#0a0f1a;color:#c8d1dc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.projects-content{display:flex;flex:1;height:100%;overflow:hidden;gap:1px}.projects-panel{width:340px;min-width:340px;background:linear-gradient(180deg,#0e1525,#0b1120);border-right:1px solid rgba(78,186,189,.08);display:flex;flex-direction:column;position:relative}.projects-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(78,186,189,.15),transparent 60%);pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.panel-header h2{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#89a;letter-spacing:.8px;text-transform:uppercase;margin:0}.panel-header h2 svg{color:#4ebabd;opacity:.7}.create-btn{display:flex;align-items:center;gap:4px;padding:7px 14px;background:#4ebabd1f;color:#4ebabd;border:1px solid rgba(78,186,189,.2);border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-btn:hover{background:#4ebabd33;border-color:#4ebabd59;box-shadow:0 0 16px #4ebabd1a}.projects-search-box{display:flex;align-items:center;gap:8px;margin:12px 14px;padding:9px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .25s ease}.projects-search-box:hover{border-color:#ffffff1a;background:#ffffff09}.projects-search-box:focus-within{border-color:#4ebabd59;background:#4ebabd0a;box-shadow:0 0 0 3px #4ebabd0f}.projects-search-box input{flex:1;background:transparent;border:none;color:#c8d1dc;font-size:13px;outline:none}.projects-search-box input::placeholder{color:#4a5568}.projects-search-box svg{color:#4a5568;flex-shrink:0}.projects-list{flex:1;overflow-y:auto;padding:6px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.projects-list::-webkit-scrollbar{width:4px}.projects-list::-webkit-scrollbar-track{background:transparent}.projects-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.project-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:2px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative}.project-item:hover{background:#ffffff09}.project-item.selected{background:#4ebabd14;border-color:#4ebabd26}.project-item.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#4ebabd;border-radius:0 3px 3px 0}.project-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4ebabd14;color:#4ebabd;border-radius:9px;flex-shrink:0;transition:all .2s}.project-item.selected .project-icon{background:#4ebabd26}.project-info{flex:1;min-width:0}.project-info h3{font-size:13px;font-weight:500;color:#dce4ed;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.project-item.selected .project-info h3{color:#f0f4f8}.project-meta{font-size:11px;color:#4f5d6e;margin-top:1px}.project-menu{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;color:#4a5568;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s}.project-item:hover .project-menu{opacity:1}.project-menu:hover{background:#ef44441f;color:#f87171}.project-rename{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;color:#4a5568;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s}.project-item:hover .project-rename{opacity:1}.project-rename:hover{background:#3b82f61f;color:#3b82f6}.project-favorite{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;color:#4a5568;cursor:pointer;opacity:0;transition:all .2s}.project-item:hover .project-favorite{opacity:1}.project-favorite:hover{background:#fbbf241f;color:#fbbf24}.project-favorite.active{opacity:1;color:#fbbf24}.documents-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#0a0f1a}.documents-panel .panel-header{flex-direction:column;align-items:flex-start;gap:4px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff03}.documents-panel .panel-header h2,.header-info h2{font-size:18px;font-weight:600;color:#f0f4f8;margin:0;letter-spacing:-.2px;text-transform:none}.project-desc{font-size:13px;color:#5a6a7e;margin:0}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:16px 24px;padding:28px;background:#ffffff04;border:1.5px dashed rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-area:hover{border-color:#4ebabd4d;background:#4ebabd0a}.upload-area.active{border-color:#4ebabd80;background:#4ebabd14;box-shadow:0 0 30px #4ebabd14}.upload-area.uploading{cursor:wait;border-color:#4ebabd4d}.upload-area svg{color:#3d4d5e}.upload-area:hover svg{color:#4ebabd}.upload-area span{color:#5a6a7e;font-size:13px}.upload-area:hover span{color:#7a8a9e}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.upload-progress span{color:#4ebabd!important;font-weight:500}.progress-bar{width:100%;max-width:220px;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4ebabd,#3da8ab);border-radius:3px;transition:width .3s ease}.documents-list{flex:1;overflow-y:auto;padding:0 24px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.documents-list::-webkit-scrollbar{width:4px}.documents-list::-webkit-scrollbar-track{background:transparent}.documents-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.document-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:6px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.document-item:hover{border-color:#4ebabd33;background:#4ebabd08;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.doc-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ef444414;color:#f87171;border-radius:10px;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-info h4{font-size:13px;font-weight:500;color:#dce4ed;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:11px;color:#4f5d6e}.doc-status{margin-right:4px}.status-badge{padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:5px;letter-spacing:.4px}.status-badge.uploaded{background:#10b9811a;color:#34d399}.status-badge.processing{background:#f59e0b1a;color:#fbbf24}.status-badge.completed{display:flex;align-items:center;gap:4px;background:#22c55e1a;color:#4ade80;text-transform:none;font-weight:500}.status-badge.failed{background:#ef44441a;color:#f87171}.doc-menu{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#4a5568;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s}.document-item:hover .doc-menu{opacity:1}.doc-menu:hover{background:#ef44441f;color:#f87171}.doc-download{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#4a5568;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s}.document-item:hover .doc-download{opacity:1}.doc-download:hover{background:#10b9811f;color:#10b981}.doc-favorite{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#4a5568;cursor:pointer;opacity:0;transition:all .2s}.document-item:hover .doc-favorite{opacity:1}.doc-favorite:hover{background:#fbbf241f;color:#fbbf24}.doc-favorite.active{opacity:1;color:#fbbf24}.doc-arrow{color:#2d3a48;transition:color .2s,transform .2s}.document-item:hover .doc-arrow{color:#4ebabd;transform:translate(2px)}.empty-state,.loading-state,.error-state,.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:3rem;color:#3d4d5e;text-align:center;background:none;border:none;box-shadow:none}.empty-state svg,.no-selection svg{color:#1e2a3a;opacity:.4}.empty-state p,.no-selection h3{color:#4a5568;margin:0;font-size:14px;font-weight:500}.empty-state span,.no-selection p{color:#333e4e;margin:0;font-size:12px}.no-selection{flex:1;height:100%}.empty-state button{margin-top:12px;padding:8px 16px;background:#4ebabd1f;color:#4ebabd;border:1px solid rgba(78,186,189,.2);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.empty-state button:hover{background:#4ebabd33;border-color:#4ebabd59}.documents-list .empty-state{flex:1;padding:4rem 2rem}.empty-state-inline{display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.empty-state-inline span{color:#333e4e;font-size:12.5px;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFade .15s ease-out}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:440px;background:#0e1525;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #00000080;animation:modalSlide .2s cubic-bezier(.4,0,.2,1)}@keyframes modalSlide{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h3{font-size:14px;font-weight:600;color:#e0e8f0;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#4a5568;border-radius:6px;cursor:pointer;transition:all .15s}.close-btn:hover{background:#ffffff0f;color:#c8d1dc}.modal form{padding:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:11px;font-weight:600;color:#5a6a7e;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#c8d1dc;font-size:13px;font-family:inherit;resize:none;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4ebabd59;background:#4ebabd08;box-shadow:0 0 0 3px #4ebabd0f}.form-group input::placeholder,.form-group textarea::placeholder{color:#3d4d5e}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:8px 14px;background:#ffffff0a;color:#89a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s}.cancel-btn:hover{background:#ffffff12;color:#c8d1dc}.submit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4ebabd26;color:#4ebabd;border:1px solid rgba(78,186,189,.25);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#4ebabd40;border-color:#4ebabd66;box-shadow:0 0 16px #4ebabd1a}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.page-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlayFade .15s ease-out}.page-selector-modal{background:#0e1525;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:1080px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 60px #00000080;animation:modalSlide .2s cubic-bezier(.4,0,.2,1)}.page-selector-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.page-selector-header h3{font-size:15px;font-weight:600;color:#e0e8f0;margin:0}.page-selector-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#5a6a7e;cursor:pointer;transition:all .15s}.page-selector-close:hover{background:#ffffff0f;color:#c8d1dc}.page-selector-content{flex:1;overflow-y:auto;padding:20px 24px}.page-selector-doc-info{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;margin-bottom:14px}.page-selector-doc-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#4ebabd1a;border-radius:9px;color:#4ebabd;flex-shrink:0}.page-selector-doc-details h4{font-size:13px;font-weight:500;color:#dce4ed;margin:0 0 2px;word-break:break-all}.page-selector-doc-details span{font-size:11px;color:#4f5d6e}.page-selector-hint{padding:10px 14px;border-radius:10px;font-size:12px;text-align:center;margin-bottom:14px}.page-selector-hint.warning{background:#fbbf240f;border:1px solid rgba(251,191,36,.12);color:#fbbf24}.page-selector-hint.success{background:#22c55e0f;border:1px solid rgba(34,197,94,.12);color:#4ade80}.page-selector-hint .hint-content{display:flex;align-items:center;justify-content:center;gap:6px}.page-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;background:#ffffff04;border:1px solid rgba(255,255,255,.03);border-radius:12px;min-height:200px}@media (max-width: 640px){.page-selector-grid{grid-template-columns:repeat(3,1fr)}}.page-thumb{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px;background:#ffffff05;border:1.5px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.page-thumb:hover{border-color:#4ebabd4d;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.page-thumb.selected{border-color:#4ebabd80;background:#4ebabd0f;box-shadow:0 0 0 3px #4ebabd1a}.page-thumb.completed{border-color:#22c55e4d}.page-thumb.completed:hover{border-color:#22c55e80}.page-thumb-check{position:absolute;top:6px;left:6px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#0006;border:1.5px solid rgba(255,255,255,.15);border-radius:4px;transition:all .2s}.page-thumb.selected .page-thumb-check{background:#4ebabd;border-color:#4ebabd;color:#0a0f1a}.page-thumb-done{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;padding:2px 5px;background:#22c55ee6;border-radius:4px;font-size:9px;font-weight:700;color:#fff;letter-spacing:.3px}.page-thumb-img{width:100%;height:100px;object-fit:contain;border-radius:6px;margin-bottom:6px;background:#0003}.page-thumb-skeleton{width:100%;height:100px;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d,#ffffff05 75%);background-size:200% 100%;animation:page-thumb-shimmer 1.5s infinite;border-radius:6px;margin-bottom:6px;display:flex;align-items:center;justify-content:center}@keyframes page-thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-thumb-skeleton svg{color:#4ebabd4d;animation:spin 1s linear infinite}.page-thumb-label{font-size:10px;font-weight:600;color:#5a6a7e;letter-spacing:.3px}.page-thumb.selected .page-thumb-label{color:#4ebabd}.page-thumb.completed .page-thumb-label{color:#4ade80}.page-selector-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:3rem;color:#4a5568}.page-selector-loading svg{animation:spin 1s linear infinite;color:#4ebabd}.page-selector-error{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:3rem;color:#f87171;font-size:13px}.thumb-retry-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px auto 0;padding:6px 16px;border:1px solid rgba(99,102,241,.4);border-radius:6px;background:#6366f11a;color:#a5b4fc;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.thumb-retry-btn:hover{background:#6366f133;border-color:#6366f199}.page-selector-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.05)}.page-selector-cancel{padding:8px 14px;background:#ffffff0a;color:#89a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.page-selector-cancel:hover{background:#ffffff12;color:#c8d1dc}.page-selector-submit{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#4ebabd26;color:#4ebabd;border:1px solid rgba(78,186,189,.25);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.page-selector-submit:hover{background:#4ebabd40;border-color:#4ebabd66}.page-selector-submit:disabled{opacity:.4;cursor:not-allowed}.page-selector-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;align-items:stretch}.page-selector-list-panel{min-width:0;display:flex;flex-direction:column;gap:10px}.page-selector-list-head{display:flex;align-items:center;justify-content:space-between;color:#a4b1c2;font-size:12px;font-weight:600;letter-spacing:.3px}.page-selector-list-count{color:#6d7d91;font-weight:500}.page-selector-layout .page-selector-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:54vh;overflow-y:auto}.page-selector-preview-panel{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:360px}.page-selector-preview-head{display:flex;align-items:center;justify-content:space-between;color:#90a0b4;font-size:12px;font-weight:600}.page-selector-preview-head strong{color:#dce4ed;font-size:13px}.page-selector-preview-frame{flex:1;min-height:280px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0003;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-selector-preview-img{width:100%;height:100%;object-fit:contain}.page-selector-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6d7d91;font-size:12px}.page-selector-preview-note{font-size:11px;color:#7d8ca0;line-height:1.4}@media (max-width: 920px){.page-selector-layout{grid-template-columns:1fr}.page-selector-layout .page-selector-grid{max-height:36vh}.page-selector-preview-panel{min-height:240px}}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:overlayFade .15s ease-out}.delete-modal{background:#0e1525;border:1px solid rgba(239,68,68,.15);border-radius:16px;width:100%;max-width:400px;box-shadow:0 30px 60px #00000080;animation:modalSlide .2s cubic-bezier(.4,0,.2,1)}.delete-modal-header{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 24px 12px}.delete-modal-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:50%;color:#f87171}.delete-modal-header h3{font-size:15px;font-weight:600;color:#e0e8f0;margin:0}.delete-modal-content{padding:0 24px 20px;text-align:center}.delete-modal-content p{margin:0;color:#5a6a7e;font-size:13px;line-height:1.5}.delete-modal-content .delete-item-name{color:#e0e8f0;font-weight:500;margin:6px 0;word-break:break-all}.delete-modal-content .delete-warning{margin-top:12px;padding:10px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.12);border-radius:10px;color:#fca5a5;font-size:12px}.delete-modal-actions{display:flex;gap:8px;padding:14px 24px 20px;border-top:1px solid rgba(255,255,255,.04)}.delete-modal-cancel{flex:1;padding:10px 14px;background:#ffffff0a;color:#89a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.delete-modal-cancel:hover:not(:disabled){background:#ffffff12;color:#c8d1dc}.delete-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.delete-modal-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-confirm:hover:not(:disabled){background:#ef444440;border-color:#ef444466}.delete-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.delete-modal-confirm .spinner{animation:spin 1s linear infinite}.rt-upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rtOverlayIn .25s ease-out}@keyframes rtOverlayIn{0%{opacity:0}to{opacity:1}}.rt-upgrade-modal{position:relative;width:100%;max-width:440px;background:#0f1729;border:1px solid rgba(78,186,189,.25);border-radius:20px;padding:2.25rem 2rem 1.75rem;text-align:center;overflow:hidden;box-shadow:0 24px 64px #00000080,0 0 0 1px #4ebabd0f;animation:rtModalIn .35s cubic-bezier(.34,1.3,.64,1)}@keyframes rtModalIn{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.rt-upgrade-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(78,186,189,.12) 0%,transparent 70%);pointer-events:none}.rt-upgrade-icon-row{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.rt-upgrade-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#4ebabd14;border:1px solid rgba(78,186,189,.2);border-radius:16px;color:#4ebabd}.rt-upgrade-lock-badge{position:absolute;top:-6px;right:-28px;display:flex;align-items:center;gap:3px;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 8px #f59e0b59}.rt-upgrade-title{font-size:1.35rem;font-weight:800;color:#f8fafc;margin:0 0 .35rem;letter-spacing:-.02em}.rt-upgrade-subtitle{font-size:.88rem;color:#94a3b8;margin:0 0 1.5rem;line-height:1.4}.rt-upgrade-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;text-align:left}.rt-upgrade-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:border-color .2s}.rt-upgrade-feature:hover{border-color:#4ebabd26}.rt-upgrade-feature>svg{color:#4ebabd;margin-top:2px;flex-shrink:0}.rt-upgrade-feature strong{display:block;font-size:.82rem;font-weight:700;color:#e2e8f0;margin-bottom:2px}.rt-upgrade-feature span{font-size:.74rem;color:#64748b;line-height:1.4}.rt-upgrade-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.rt-upgrade-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1rem;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:11px;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px #4ebabd40}.rt-upgrade-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4ebabd59}.rt-upgrade-btn-skip{width:100%;padding:.65rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.rt-upgrade-btn-skip:hover{border-color:#fff3;color:#cbd5e1;background:#ffffff05}.rt-upgrade-note{font-size:.7rem;color:#475569;margin:0;line-height:1.5}.sidebar{background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column;padding:1rem;transition:width .3s ease;position:relative;overflow:visible;height:100%}.sidebar.collapsed{width:80px}.sidebar.expanded{width:280px}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #334155;margin-bottom:.75rem;min-height:48px}.sidebar-brand .brand-icon{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-brand .brand-text h1{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin:0;white-space:nowrap}.sidebar-brand .brand-text h1 .brand-highlight{color:#4ebabd;font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:normal;display:inline}.sidebar-brand .brand-text>span{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:block}.new-project-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;white-space:nowrap;overflow:hidden}.sidebar.collapsed .new-project-btn{padding:.75rem}.new-project-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd4d}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:1rem}.nav-section-title{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.75rem;display:block;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:left;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:.7rem}.nav-item:hover{background:#4ebabd1a;color:#e2e8f0}.nav-item.active{background:#4ebabd26;color:#4ebabd}.nav-item svg{flex-shrink:0}.nav-item-locked{opacity:.5}.nav-item-locked:hover{opacity:.8;background:#f59e0b14!important}.sidebar-user{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid #334155;margin-top:auto}.sidebar.collapsed .sidebar-user{flex-direction:column;gap:.5rem}.user-avatar{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:#fff}.user-info{flex:1;overflow:hidden}.user-name{display:block;font-size:.85rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:.7rem;color:#64748b;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-menu-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.sidebar{width:100%!important;height:auto;flex-direction:row;padding:.75rem 1rem;overflow-x:auto}.sidebar.collapsed,.sidebar.expanded{width:100%!important}.sidebar-nav,.sidebar-user,.sidebar-brand .brand-text{display:none}.sidebar-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.new-project-btn{margin-bottom:0;margin-left:auto;width:auto;padding:.5rem 1rem}}.sidebar-trial-label{color:#f59e0b;font-weight:600;font-size:.65rem}.sidebar-trial-label.expired{color:#ef4444}.sidebar-plan-label{color:#4ebabd;font-weight:600;font-size:.65rem}.sidebar-upgrade-cta{display:flex;align-items:center;gap:6px;margin:0 .75rem .5rem;padding:8px 10px;background:#4ebabd0f;border:1px solid rgba(78,186,189,.15);border-radius:8px;color:#4ebabd;font-size:.7rem;font-weight:600}.sidebar-upgrade-cta.expired{background:#ef44440f;border-color:#ef444433;color:#ef4444}.sidebar-upgrade-cta button{margin-left:auto;padding:3px 10px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:5px;font-size:.6rem;font-weight:700;cursor:pointer;transition:all .15s ease}.sidebar-upgrade-cta.expired button{background:linear-gradient(135deg,#ef4444,#b91c1c)}.sidebar-upgrade-cta button:hover{opacity:.9}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:gsOverlayIn .15s ease}@keyframes gsOverlayIn{0%{opacity:0}to{opacity:1}}.global-search-modal{width:100%;max-width:600px;background:#1e293b;border:1px solid rgba(78,186,189,.15);border-radius:14px;box-shadow:0 0 0 1px #4ebabd0f,0 20px 50px -10px #0000008c;overflow:hidden;animation:gsSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes gsSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.global-search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid rgba(51,65,85,.5)}.global-search-input-wrapper .search-icon{color:#4ebabd;flex-shrink:0}.global-search-input{flex:1;background:transparent;border:none;color:#f1f5f9;font-size:1rem;outline:none}.global-search-input::placeholder{color:#475569}.global-search-input-wrapper .loading-icon{color:#4ebabd;animation:gsSpin .8s linear infinite;flex-shrink:0}@keyframes gsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#64748b26;border:none;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.search-clear-btn:hover{background:#ef444426;color:#ef4444}.search-esc-hint{flex-shrink:0}.search-esc-hint kbd{display:inline-flex;align-items:center;background:#64748b26;border:1px solid rgba(100,116,139,.2);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.65rem;color:#475569}.global-search-results{max-height:55vh;overflow-y:auto;padding:.375rem}.search-hint{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;color:#475569;font-size:.875rem;text-align:center}.search-hint svg{opacity:.4}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;color:#475569;text-align:center}.no-results svg{margin-bottom:.75rem;opacity:.35}.no-results p{font-size:.9375rem;color:#94a3b8;margin:0 0 .25rem}.no-results span{font-size:.8125rem}.global-search-results .results-section{margin-bottom:.25rem}.global-search-results .section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;color:#64748b;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.global-search-results .section-header .count{margin-left:auto;background:#64748b26;padding:1px 6px;border-radius:8px;font-size:.65rem}.clear-recent-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#475569;cursor:pointer;padding:2px;border-radius:4px;transition:all .15s ease}.clear-recent-btn:hover{color:#ef4444;background:#ef44441a}.global-search-results .result-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:8px;cursor:pointer;transition:all .12s ease}.global-search-results .result-item:hover,.global-search-results .result-item.selected{background:#4ebabd14}.global-search-results .result-item.selected{background:#4ebabd1f}.global-search-results .result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;flex-shrink:0}.global-search-results .result-icon.project{background:#4ebabd1f;color:#4ebabd}.global-search-results .result-icon.document{background:#8b5cf61f;color:#8b5cf6}.global-search-results .result-icon.beam{background:#10b9811f;color:#10b981}.global-search-results .result-icon.recent{background:#64748b1a;color:#64748b;width:28px;height:28px}.global-search-results .result-content{flex:1;min-width:0}.global-search-results .result-title{color:#e2e8f0;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.beam-mark-tag{display:inline-flex;align-items:center;padding:1px 6px;background:#4ebabd1f;color:#4ebabd;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.global-search-results .result-meta{color:#475569;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.global-search-results .result-arrow{color:#334155;opacity:0;transition:all .12s ease;flex-shrink:0}.global-search-results .result-item:hover .result-arrow,.global-search-results .result-item.selected .result-arrow{opacity:1;color:#4ebabd}.global-search-results .recent-item .result-title{color:#94a3b8;font-weight:400}.global-search-footer{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.5rem .75rem;border-top:1px solid rgba(51,65,85,.5);background:#0f172a66}.footer-item{display:flex;align-items:center;gap:.3rem;color:#475569;font-size:.6875rem}.footer-item kbd{background:#64748b26;border:1px solid rgba(100,116,139,.2);border-radius:3px;padding:1px 4px;font-family:inherit;font-size:.625rem}.global-search-results::-webkit-scrollbar{width:5px}.global-search-results::-webkit-scrollbar-track{background:transparent}.global-search-results::-webkit-scrollbar-thumb{background:#64748b33;border-radius:3px}.global-search-results::-webkit-scrollbar-thumb:hover{background:#64748b59}@media (max-width: 640px){.global-search-overlay{padding:1rem;align-items:flex-start}.global-search-modal{max-height:85vh}}.notification-center{position:relative}.notification-bell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease;position:relative}.notification-bell:hover{background:#4ebabd1a;color:#4ebabd}.notification-bell.has-unread{color:#f1f5f9}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:#ef4444;border-radius:9px;font-size:.7rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:#0f172a;border:1px solid rgba(71,85,105,.5);border-radius:12px;box-shadow:0 20px 40px #0006;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(71,85,105,.4)}.notification-header h3{font-size:.95rem;font-weight:600;color:#f1f5f9;margin:0}.header-actions{display:flex;gap:.5rem}.mark-all-btn,.clear-all-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.mark-all-btn:hover{background:#4ebabd1a;color:#4ebabd}.clear-all-btn:hover{background:#ef44441a;color:#ef4444}.notification-list{max-height:400px;overflow-y:auto}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b;text-align:center}.no-notifications svg{margin-bottom:1rem;opacity:.4}.no-notifications p{font-size:.95rem;font-weight:500;color:#94a3b8;margin:0 0 .25rem}.no-notifications span{font-size:.8125rem}.notification-item{display:flex;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:#4ebabd0d}.notification-item.unread{background:#4ebabd14}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4ebabd}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.notification-icon.analysis_complete{background:#10b98126;color:#10b981}.notification-icon.upload_success{background:#4ebabd26;color:#4ebabd}.notification-icon.system{background:#8b5cf626;color:#8b5cf6}.notification-icon.warning{background:#f59e0b26;color:#f59e0b}.notification-icon.error{background:#ef444426;color:#ef4444}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:500;color:#f1f5f9;margin-bottom:.25rem}.notification-message{font-size:.8125rem;color:#94a3b8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;margin-top:.375rem}.delete-notification{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;opacity:0;transition:all .15s ease}.notification-item:hover .delete-notification{opacity:1}.delete-notification:hover{background:#ef444426;color:#ef4444}.notification-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(71,85,105,.4)}.view-all-btn{width:100%;padding:.625rem;background:transparent;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#4ebabd;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.view-all-btn:hover{background:#4ebabd1a;border-color:#4ebabd}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#64748b80}@media (max-width: 480px){.notification-dropdown{position:fixed;top:60px;right:1rem;left:1rem;width:auto}}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem .5rem .5rem;background:#1e293b;border-bottom:1px solid #334155;z-index:10}.header-left{display:flex;flex-direction:row;align-items:center;gap:.75rem}.header-title{display:inline-block}.sidebar-toggle-btn{background:transparent;border:1px solid #334155;border-radius:6px;padding:.375rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background:#334155;color:#4ebabd;border-color:#4ebabd}.header-title h2{font-size:1rem;font-weight:600;color:#e2e8f0;margin:0}.header-title p{font-size:.75rem;color:#64748b;margin:0}.header-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center}.beta-announcement{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#4ebabd26,#2c718126);border:1px solid rgba(78,186,189,.3);border-radius:20px}.beta-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0f172a;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:10px}.beta-message{font-size:.75rem;color:#94a3b8;white-space:nowrap}.header-right{display:flex;align-items:center;gap:1rem}.app-header .search-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#94a3b8}.app-header .search-icon-btn.feature-locked{opacity:.5}.app-header .search-icon-btn.feature-locked:hover{opacity:.8;border-color:#d97706;background:#f59e0b1a}.app-header .search-icon-btn .lock-badge{position:absolute;bottom:0;right:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#92400e;border-radius:3px;pointer-events:none;z-index:2}.app-header .search-icon-btn .lock-badge svg{color:#fbbf24!important;stroke-width:2.5!important}.app-header .search-icon-btn:hover{border-color:#4ebabd;background:#4ebabd14;color:#4ebabd}.profile-dropdown-wrapper{position:relative}.header-user-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.header-user-btn:hover,.header-user-btn.active{border-color:#4ebabd;background:#4ebabd0f}.header-user-btn .user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.header-user-btn .user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{color:#64748b;transition:transform .2s ease;flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#1e293b;border:1px solid #334155;border-radius:14px;box-shadow:0 12px 40px #00000073,0 0 0 1px #4ebabd14;z-index:999;overflow:hidden;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pd-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .75rem}.pd-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:10px;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.pd-info{display:flex;flex-direction:column;min-width:0}.pd-name{font-size:.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-email{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-status-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 1rem .75rem}.pd-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.68rem;font-weight:500;color:#94a3b8;white-space:nowrap}.pd-chip svg{color:#4ebabd;flex-shrink:0}.pd-chip-plan{background:#4ebabd1a;border-color:#4ebabd33;color:#4ebabd}.pd-chip-trial{background:#f59e0b1f;border-color:#f59e0b40;color:#f59e0b}.pd-chip-trial svg{color:#f59e0b}.pd-trial{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 1rem .75rem;padding:8px 10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;font-size:.75rem;font-weight:600;color:#f59e0b}.pd-trial.expired{background:#ef444414;border-color:#ef444433;color:#ef4444}.pd-trial svg{flex-shrink:0}.pd-trial-bar{width:100%;height:3px;background:#ffffff14;border-radius:2px;margin-top:2px}.pd-trial-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#4ebabd);border-radius:2px;transition:width .3s ease}.pd-trial-top{display:flex;align-items:center;gap:6px}.pd-upgrade-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:6px;font-size:.65rem;font-weight:700;cursor:pointer;margin-top:4px;width:100%;justify-content:center;transition:all .2s ease}.pd-upgrade-btn:hover{opacity:.9;box-shadow:0 2px 8px #4ebabd4d}.header-upgrade-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;margin-left:4px;background:#ffffff26;color:inherit;border:none;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.header-upgrade-btn:hover{background:#ffffff40}.pd-divider{height:1px;background:#334155;margin:0}.pd-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left}.pd-menu-item:hover{background:#4ebabd14;color:#f1f5f9}.pd-menu-item:hover svg{color:#4ebabd}.pd-menu-item svg{color:#64748b;flex-shrink:0;transition:color .15s ease}.pd-menu-item.pd-logout{color:#94a3b8}.pd-menu-item.pd-logout:hover{background:#ef444414;color:#ef4444}.pd-menu-item.pd-logout:hover svg{color:#ef4444}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1;background:linear-gradient(135deg,#4ebabd26,#2c718126);color:#4ebabd;border:1px solid rgba(78,186,189,.3)}.plan-badge svg{flex-shrink:0;vertical-align:middle}.trial-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.trial-badge.trial-active{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.trial-badge.trial-warning{background:#f9731624;color:#f97316;border:1px solid rgba(249,115,22,.3)}.trial-badge.trial-critical{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.3);animation:trialPulse 2s ease-in-out infinite}.trial-badge.trial-expired{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.35)}@keyframes trialPulse{0%,to{opacity:1}50%{opacity:.75}}.ai-credits-badge{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;cursor:pointer;font-size:.78rem;font-weight:600;color:#0369a1;transition:all .2s;white-space:nowrap}.ai-credits-badge:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.ai-credits-badge.low{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;color:#a16207;animation:creditsPulse 2s ease-in-out infinite}@keyframes creditsPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1024px){.header-center{display:none}}@media (max-width: 768px){.header-user-btn .user-name,.dropdown-chevron{display:none}.profile-dropdown{width:280px;right:-8px}}.dashboard-layout{display:flex;min-height:100vh;height:100vh;background:#0f172a;overflow:hidden}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dashboard-content{flex:1;overflow-y:auto;background:#0f172a}@media (max-width: 768px){.dashboard-layout{flex-direction:column}}.superadmin-layout{display:flex;min-height:100vh;background:#0f172a}.superadmin-sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid rgba(51,65,85,.5);transition:width .3s ease;position:relative}.superadmin-sidebar.expanded{width:280px}.superadmin-sidebar.collapsed{width:80px}.superadmin-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid rgba(51,65,85,.5)}.superadmin-sidebar .sidebar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.superadmin-sidebar .brand-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd26,#2c718126);border-radius:12px;padding:6px;border:1px solid rgba(78,186,189,.3)}.superadmin-sidebar .brand-logo img{width:100%;height:100%;object-fit:contain}.superadmin-sidebar .brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:10px;color:#fff}.superadmin-sidebar .brand-info{display:flex;flex-direction:column}.superadmin-sidebar .brand-text{font-size:1.125rem;font-weight:700;color:#f8fafc}.superadmin-sidebar .brand-subtitle{font-size:.75rem;color:#4ebabd}.superadmin-sidebar .sidebar-toggle{position:absolute;top:1.55rem;right:-14px;width:28px;height:28px;background:#1e293b;border:2px solid #4EBABD;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ebabd;cursor:pointer;transition:all .2s ease;z-index:100}.superadmin-sidebar .sidebar-toggle:hover{background:#4ebabd;color:#fff}.superadmin-sidebar .sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:1.5rem}.superadmin-sidebar .nav-section{display:flex;flex-direction:column;gap:.25rem}.superadmin-sidebar .nav-section-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:0 .75rem;margin-bottom:.5rem}.superadmin-sidebar .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;color:#94a3b8;text-decoration:none;transition:all .2s ease;font-size:.875rem}.superadmin-sidebar .nav-item:hover{background:#4ebabd1a;color:#e2e8f0}.superadmin-sidebar .nav-item.active{background:#4ebabd26;color:#4ebabd}.superadmin-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.superadmin-sidebar .sidebar-footer{padding:1rem .75rem;border-top:1px solid rgba(78,186,189,.15);display:flex;flex-direction:column;gap:.75rem}.superadmin-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:6px;color:#4ebabd;font-size:.75rem;font-weight:600}.superadmin-sidebar .user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border-radius:8px}.superadmin-sidebar .user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:8px;color:#fff}.superadmin-sidebar .user-details{display:flex;flex-direction:column}.superadmin-sidebar .user-name{font-size:.875rem;font-weight:500;color:#e2e8f0}.superadmin-sidebar .user-email{font-size:.7rem;color:#64748b}.superadmin-sidebar .logout-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;transition:all .2s ease}.superadmin-sidebar .logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.superadmin-sidebar.collapsed .user-info{justify-content:center}.superadmin-main{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#0f172a,#1e293b)}.superadmin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f172acc;border-bottom:1px solid rgba(51,65,85,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.superadmin-header .header-title{font-size:1.25rem;font-weight:600;color:#f8fafc}.superadmin-header .header-right{display:flex;align-items:center;gap:1rem}.superadmin-header .header-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(78,186,189,.2);border-radius:8px;width:200px}.superadmin-header .header-search svg{color:#64748b}.superadmin-header .header-search input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:.875rem}.superadmin-header .header-search input:focus{outline:none}.superadmin-header .header-search input::placeholder{color:#64748b}.superadmin-header .header-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(78,186,189,.2);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.superadmin-header .header-btn:hover{border-color:#4ebabd;color:#4ebabd}.notification-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ef4444;border-radius:50%;font-size:.625rem;font-weight:600;color:#fff}.header-divider{width:1px;height:24px;background:#4ebabd33}.sa-profile-wrapper{position:relative}.sa-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid transparent;border-radius:8px;background:transparent;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.sa-profile-btn:hover,.sa-profile-btn.active{background:#4ebabd14;border-color:#4ebabd33}.sa-avatar{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px}.sa-user-name{font-size:.8125rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-chevron{opacity:.5;transition:transform .2s ease}.sa-chevron.open{transform:rotate(180deg)}.sa-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#1a2236;border:1px solid rgba(78,186,189,.15);border-radius:12px;padding:.5rem;box-shadow:0 12px 40px #00000080;z-index:1000;animation:sa-dd-enter .15s ease}@keyframes sa-dd-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sa-pd-header{display:flex;align-items:center;gap:.75rem;padding:.75rem}.sa-pd-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.sa-pd-info{display:flex;flex-direction:column;min-width:0}.sa-pd-name{font-size:.8125rem;font-weight:600;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-pd-email{font-size:.7rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-pd-chips{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .75rem .5rem}.sa-pd-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:6px;font-size:.65rem;font-weight:600;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.06)}.sa-pd-chip-role{background:#8b5cf61f;color:#a78bfa;border-color:#8b5cf633}.sa-pd-chip-plan{background:#4ebabd1a;color:#4ebabd;border-color:#4ebabd33}.sa-pd-divider{height:1px;background:#ffffff0f;margin:.25rem 0}.sa-pd-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;border:none;background:transparent;color:#94a3b8;font-size:.8rem;cursor:pointer;border-radius:8px;transition:all .15s ease}.sa-pd-item:hover{background:#4ebabd14;color:#e2e8f0}.sa-pd-logout{color:#ef4444}.sa-pd-logout:hover{background:#ef44441a;color:#f87171}.superadmin-content{flex:1;padding:1.5rem;overflow-y:auto;background:#0a0f1a}.superadmin-dashboard{width:100%;background:#0a0f1a;min-height:100vh}.superadmin-dashboard *{box-sizing:border-box}.loading-state{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8;font-size:1rem}.superadmin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.superadmin-stat-card{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:1.5rem}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-title{font-size:.875rem;color:#94a3b8}.stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stat-icon-wrapper.purple,.stat-icon-wrapper.teal{background:#4ebabd26;color:#4ebabd}.stat-icon-wrapper.blue{background:#3b82f626;color:#60a5fa}.stat-icon-wrapper.green{background:#10b98126;color:#34d399}.stat-icon-wrapper.orange{background:#f59e0b26;color:#fbbf24}.superadmin-stat-card .stat-value{font-size:2rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.superadmin-section{background:linear-gradient(135deg,#0f172ae6,#1e293bb3);border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.superadmin-section.full{min-height:400px}.superadmin-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.superadmin-section .section-header h2{font-size:1.125rem;font-weight:600;color:#f8fafc}.section-actions{display:flex;align-items:center;gap:1rem}.search-input{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:6px}.search-input svg{color:#64748b}.search-input input{background:transparent;border:none;color:#e2e8f0;font-size:.875rem;width:180px}.search-input input::placeholder{color:#64748b}.section-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s ease}.section-btn:hover{border-color:#4ebabd;color:#4ebabd}.section-btn.primary{background:linear-gradient(135deg,#4ebabd,#2c7181);border:1px solid rgba(78,186,189,.5);color:#fff}.section-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4ebabd66;background:linear-gradient(135deg,#5cc9cc,#3d8a9a)}.role-distribution{display:flex;flex-direction:column;gap:1rem}.role-item{display:flex;flex-direction:column;gap:.5rem}.role-info{display:flex;align-items:center;justify-content:space-between}.role-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.superadmin{background:#4ebabd33;color:#4ebabd}.role-badge.admin{background:#3b82f633;color:#60a5fa}.role-badge.employee{background:#10b98133;color:#34d399}.role-count{font-size:.8125rem;color:#94a3b8}.role-bar{height:6px;background:#33415580;border-radius:3px;overflow:hidden}.role-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.role-bar-fill.superadmin{background:linear-gradient(90deg,#4ebabd,#5cc9cc)}.role-bar-fill.admin{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.role-bar-fill.employee{background:linear-gradient(90deg,#10b981,#34d399)}.system-alerts{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:8px}.alert-item.success svg{color:#34d399}.alert-item.warning svg{color:#fbbf24}.alert-item.error svg{color:#f87171}.alert-content{display:flex;flex-direction:column}.alert-title{font-size:.875rem;font-weight:500;color:#f8fafc}.alert-desc{font-size:.75rem;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#64748b}.empty-state svg{margin-bottom:1rem;opacity:.3}.plan-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:nowrap;border:1px solid;letter-spacing:.02em}.plan-badge.free{background:#64748b33;color:#cbd5e1;border-color:#64748b80}.plan-badge.starter{background:#3b82f633;color:#93c5fd;border-color:#3b82f680}.plan-badge.professional{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf680}.plan-badge.enterprise{background:#4ebabd40;color:#4ebabd;border-color:#4ebabd99}.tenant-filter{padding:.5rem 1rem;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#e2e8f0;font-size:.875rem;cursor:pointer}.tenant-filter:focus{outline:none;border-color:#4ebabd}.tenant-filter option{background:#1e293b;color:#e2e8f0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(71,85,105,.5);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(71,85,105,.4)}.modal-header h3{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#4755694d;color:#f8fafc}.modal-content form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:500;color:#94a3b8}.form-group input,.form-group select{padding:.75rem 1rem;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#e2e8f0;font-size:.9375rem;transition:border-color .2s ease}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group select option{background:#1e293b;color:#e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#4EBABD}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(71,85,105,.4)}.btn-secondary{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#94a3b8;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#4ebabd;color:#4ebabd}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.data-table-container{background:#0f172a;border:1px solid rgba(71,85,105,.4);border-radius:16px;overflow:hidden}.data-table thead{background:#1e293bf2}.data-table th{padding:16px 24px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid rgba(71,85,105,.5);white-space:nowrap;background:transparent}.data-table th:first-child{padding-left:28px}.data-table th:last-child{text-align:center;padding-right:28px}.data-table tbody{background:transparent}.data-table tbody tr{transition:all .2s ease;border-bottom:1px solid rgba(51,65,85,.4);background:#0f172af2}.data-table tbody tr:hover{background:#1e293bf2}.data-table td{padding:20px 24px;vertical-align:middle;color:#e2e8f0;background:transparent}.data-table td:first-child{padding-left:28px}.data-table td:last-child{padding-right:28px}.user-cell{display:flex;align-items:center;gap:14px}.user-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0006;border:2px solid rgba(255,255,255,.15)}.user-avatar.teal{background:linear-gradient(135deg,#2c7181,#4ebabd)}.user-avatar.blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.user-avatar.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.user-avatar.emerald{background:linear-gradient(135deg,#059669,#10b981)}.role-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-tag.superadmin{background:#4ebabd26;color:#4ebabd;border:1px solid rgba(78,186,189,.3)}.role-tag.admin{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-tag.employee{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.role-tag svg{width:14px;height:14px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-tag.active{background:#10b98126;color:#34d399}.status-tag.inactive{background:#ef444426;color:#f87171}.status-dot{width:7px;height:7px;border-radius:50%;animation:pulse 2s infinite}.status-dot.active{background:#34d399;box-shadow:0 0 8px #34d39999}.status-dot.inactive{background:#f87171;box-shadow:0 0 8px #f8717199;animation:none}.tenant-name{font-size:13px;font-weight:500;color:#cbd5e1}.tenant-name.empty{color:#475569;font-style:italic}.user-count-cell{display:flex;align-items:center;gap:4px}.user-count-value{font-size:14px;font-weight:600;color:#e2e8f0}.user-count-max{font-size:13px;font-weight:400;color:#64748b}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.action-menu-container{position:relative;display:flex;justify-content:center}.action-btn.menu{width:44px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293bcc;border:1px solid rgba(71,85,105,.6);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn.menu:hover{background:#4ebabd33;border-color:#4ebabd80;color:#4ebabd}.action-dropdown{position:fixed;min-width:160px;background:linear-gradient(135deg,#1e293bfc,#0f172afc);border:1px solid rgba(71,85,105,.6);border-radius:12px;box-shadow:0 10px 40px #0009,0 0 0 1px #4ebabd1a;padding:8px;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.action-dropdown button:hover{background:#4ebabd26;color:#4ebabd}.action-dropdown button.danger:hover{background:#ef444426;color:#ef4444}.action-dropdown button:disabled{opacity:.4;cursor:not-allowed}.action-dropdown button:disabled:hover{background:transparent;color:inherit}.action-dropdown button svg{width:14px;height:14px;flex-shrink:0}.table-empty-state{padding:60px 24px;text-align:center;background:#0f172af2}.table-loading{padding:48px 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a3b8;background:#0f172af2}@media (max-width: 1200px){.superadmin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.superadmin-stats-grid{grid-template-columns:1fr}}.admin-dashboard{width:100%;padding:24px}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#94a3b8;gap:16px}.admin-error button{margin-top:8px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-welcome h1{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.25rem}.admin-welcome .tenant-badge{color:#4ebabd;font-size:.9rem;font-weight:500}.admin-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid rgba(71,85,105,.5);border-radius:10px;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.admin-btn:hover{border-color:#4ebabd;color:#4ebabd;background:#4ebabd0d}.admin-btn.primary{background:linear-gradient(135deg,#4ebabd,#2c7181);border:1px solid transparent;color:#fff;font-weight:600;padding:12px 28px;min-width:160px;box-shadow:0 4px 15px #4ebabd40}.admin-btn.primary svg{transition:transform .2s ease}.admin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd66;background:linear-gradient(135deg,#5ac5c8,#358a9a)}.admin-btn.primary:hover svg{transform:scale(1.1)}.admin-btn.primary:active{transform:translateY(0);box-shadow:0 4px 15px #4ebabd4d}.admin-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.admin-metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-column{display:flex;flex-direction:column;gap:24px}.admin-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.admin-section.full-width{min-height:500px}.admin-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(51,65,85,.5)}.admin-section .section-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0}.admin-section .section-header h2 svg{color:#4ebabd}.section-actions{display:flex;align-items:center;gap:12px}.section-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #4EBABD;border-radius:6px;color:#4ebabd;font-size:.85rem;cursor:pointer;transition:all .2s ease}.section-btn:hover{background:#4ebabd1a}.search-input{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#0f172ae6,#1e293bb3);border:1px solid rgba(71,85,105,.5);border-radius:10px;transition:all .2s ease;min-width:260px}.search-input:hover{border-color:#4ebabd4d;background:linear-gradient(135deg,#0f172af2,#1e293bcc)}.search-input:focus-within{border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd26,0 4px 12px #0003}.search-input svg{color:#64748b;flex-shrink:0;transition:color .2s ease}.search-input:focus-within svg{color:#4ebabd}.search-input input{background:transparent;border:none;color:#f1f5f9;font-size:.9rem;width:200px;font-weight:400}.search-input input:focus{outline:none}.search-input input::placeholder{color:#64748b;font-weight:400}.team-behavior-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.behavior-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#0f172a;border-radius:10px;border:1px solid #334155}.behavior-icon{width:44px;height:44px;border-radius:10px;background:#334155;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.behavior-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.behavior-value{font-size:.95rem;font-weight:600;color:#f1f5f9}.behavior-detail{font-size:.75rem;color:#94a3b8}.team-averages{display:flex;flex-wrap:wrap;gap:16px;padding:14px;background:#0f172a;border-radius:8px;margin-bottom:16px}.avg-item{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.8rem}.churn-risk-section h3{display:flex;align-items:center;gap:8px;color:#f59e0b;font-size:.85rem;margin:0 0 12px}.churn-user{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;font-size:.8rem}.churn-days{font-size:.7rem;color:#94a3b8}.session-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.session-stat{text-align:center;padding:14px;background:#0f172a;border-radius:8px}.session-stat .stat-value{display:block;font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:4px}.session-stat .stat-label{font-size:.7rem;color:#64748b}.team-list{display:flex;flex-direction:column;gap:8px}.team-member-row{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff05;border:1px solid #334155;border-radius:8px;transition:all .2s ease}.team-member-row:hover{background:#4ebabd0d;border-color:#4ebabd4d}.member-rank{width:30px;display:flex;justify-content:center}.rank-number{font-size:.75rem;font-weight:600;color:#64748b}.member-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:8px;color:#fff;font-size:.85rem;font-weight:600}.member-avatar.small{width:32px;height:32px;font-size:.75rem}.member-info{flex:1;min-width:0}.member-info .member-name{display:block;font-size:.9rem;font-weight:500;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info .member-email{display:block;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;gap:6px}.role-badge{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:capitalize;background:#4ebabd26;color:#4ebabd}.role-badge.admin{background:#8b5cf626;color:#a78bfa}.role-badge.superadmin{background:#f59e0b26;color:#f59e0b}.frequency-badge{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:capitalize}.member-stats{display:flex;gap:10px;color:#64748b;font-size:.75rem}.member-stats span{display:flex;align-items:center;gap:4px}.view-all-link{margin-top:12px;text-align:center}.view-all-link a{display:inline-flex;align-items:center;gap:6px;color:#4ebabd;font-size:.85rem;text-decoration:none}.view-all-link a:hover{text-decoration:underline}.add-member-modal{background:#0f172a;border-radius:16px;width:100%;max-width:480px;border:1px solid #334155}.modal-header h2{display:flex;align-items:center;gap:10px;margin:0;color:#f1f5f9;font-size:1.2rem}.add-member-modal form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#94a3b8;font-size:.85rem}.form-group input,.form-group select{width:100%;padding:12px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4ebabd}.form-group input::placeholder{color:#64748b}.form-group input:disabled,.form-group input.disabled{background:#0f172a;color:#64748b;cursor:not-allowed;opacity:.7}.form-group select{cursor:pointer}.form-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem;margin-bottom:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width: 1400px){.admin-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.admin-columns{grid-template-columns:1fr}}@media (max-width: 1024px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}.team-behavior-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard{padding:0 16px}.admin-metrics-grid{grid-template-columns:1fr}.admin-welcome{flex-direction:column;align-items:flex-start;gap:1rem}.session-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-section .section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-actions{flex-direction:column;width:100%;gap:10px}.search-input{width:100%;min-width:unset}.search-input input{width:100%}.admin-btn.primary{width:100%;justify-content:center}}.data-table-container{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid rgba(71,85,105,.4);border-radius:16px;overflow:visible;box-shadow:0 25px 50px -12px #00000080}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:linear-gradient(180deg,#1e293bf2,#1e293bcc)}.data-table th{padding:16px 20px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid rgba(71,85,105,.5);white-space:nowrap}.data-table th:first-child{padding-left:24px}.data-table th:last-child{text-align:center;padding-right:24px}.data-table tbody tr{transition:all .2s ease;border-bottom:1px solid rgba(51,65,85,.3)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:linear-gradient(90deg,#4ebabd14,#4ebabd08)}.data-table tbody tr:nth-child(2n){background:#1e293b4d}.data-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#4ebabd1a,#4ebabd0d)}.data-table td{padding:16px 20px;vertical-align:middle;color:#e2e8f0}.data-table td:first-child{padding-left:24px}.data-table td:last-child{padding-right:24px}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#475569,#334155)}.user-avatar.teal{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#4ebabd4d}.user-avatar.blue{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f64d}.user-avatar.emerald{background:linear-gradient(135deg,#059669,#10b981);border-color:#10b9814d}.user-info{min-width:0;flex:1}.user-name{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username{font-size:11px;color:#64748b}.email-text{font-size:13px;color:#94a3b8}.role-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.role-tag.admin{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.role-tag.employee{background:#10b98126;color:#34d399;border-color:#10b9814d}.role-tag svg{width:12px;height:12px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-tag.active{background:#10b9811f;color:#34d399}.status-tag.inactive{background:#ef44441f;color:#f87171}.date-text{font-size:13px;color:#94a3b8;font-weight:400}.sessions-text{font-size:13px;color:#cbd5e1;font-weight:500}.action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn.menu{background:transparent;color:#64748b}.action-btn.menu:hover{background:#47556980;color:#e2e8f0}.action-btn.edit{background:#4ebabd1a;border-color:#4ebabd4d;color:#4ebabd}.action-btn.edit:hover{background:#4ebabd33;border-color:#4ebabd80;transform:translateY(-1px)}.action-btn.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}.action-btn.warning:hover{background:#f59e0b33;border-color:#f59e0b80;transform:translateY(-1px)}.action-btn.success{background:#10b9811a;border-color:#10b9814d;color:#34d399}.action-btn.success:hover{background:#10b98133;border-color:#10b98180;transform:translateY(-1px)}.action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#f87171}.action-btn.danger:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.action-btn svg{width:16px;height:16px}.action-menu-container{position:relative}.action-dropdown{position:absolute;right:0;top:100%;z-index:9999;margin-top:4px;width:160px;border-radius:12px;border:1px solid rgba(71,85,105,.5);background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 20px 40px -10px #00000080}.action-dropdown button{display:flex;width:100%;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:#cbd5e1;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.action-dropdown button:hover{background:#4ebabd1a;color:#f1f5f9}.action-dropdown button.danger{color:#f87171}.action-dropdown button.danger:hover{background:#ef44441a}.action-dropdown button svg{width:14px;height:14px}.table-empty-state{padding:60px 24px;text-align:center}.table-empty-state .empty-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#4755694d;display:flex;align-items:center;justify-content:center;color:#475569}.table-empty-state .empty-title{font-size:15px;font-weight:600;color:#94a3b8;margin-bottom:4px}.table-empty-state .empty-desc{font-size:13px;color:#64748b}.table-loading{padding:48px 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a3b8}.table-loading .spinner{width:20px;height:20px;border:2px solid rgba(78,186,189,.3);border-top-color:#4ebabd;border-radius:50%;animation:spin .8s linear infinite}.analytics-page{padding:24px;width:100%}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#94a3b8}.analytics-error button{padding:10px 24px;background:#4ebabd;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:600}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.analytics-title{display:flex;align-items:center;gap:16px}.analytics-title svg{color:#4ebabd}.analytics-title h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0}.analytics-title .subtitle{display:block;font-size:.875rem;color:#64748b;margin-top:4px}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#334155;border-color:#4ebabd}.refresh-btn.refreshing{opacity:.7;pointer-events:none}.analytics-section{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title h2{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0}.section-badge{padding:4px 12px;background:#1e293b;border-radius:20px;font-size:.75rem;color:#64748b}.view-all-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #334155;border-radius:6px;color:#4ebabd;font-size:.875rem;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#1e293b;border-color:#4ebabd}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:20px;transition:all .2s}.metric-card:hover{border-color:#4ebabd;transform:translateY(-2px)}.metric-card.highlight{background:linear-gradient(135deg,#4ebabd1a,#4ebabd0d);border-color:#4ebabd}.metric-card.highlight-green{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.metric-label{font-size:.875rem;color:#94a3b8}.metric-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-badge.blue{background:#3b82f633;color:#3b82f6}.metric-badge.teal{background:#4ebabd33;color:#4ebabd}.metric-badge.green{background:#22c55e33;color:#22c55e}.metric-badge.orange{background:#f9731633;color:#f97316}.metric-badge.purple{background:#a855f733;color:#a855f7}.metric-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.metric-icon.blue{background:#3b82f633;color:#3b82f6}.metric-icon.teal{background:#4ebabd33;color:#4ebabd}.metric-icon.green{background:#22c55e33;color:#22c55e}.metric-icon.orange{background:#f9731633;color:#f97316}.metric-icon.purple{background:#a855f733;color:#a855f7}.metric-icon.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.metric-trend{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b}.metric-trend.positive{color:#22c55e}.metric-sub{font-size:.8rem;color:#64748b}.session-breakdown{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid #334155}.breakdown-item{display:flex;flex-direction:column;gap:4px}.breakdown-label{font-size:.8rem;color:#64748b}.breakdown-value{font-size:1.25rem;font-weight:600;color:#f1f5f9}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1024px){.analytics-two-col{grid-template-columns:1fr}}.hourly-chart{display:flex;align-items:flex-end;gap:4px;height:150px;padding:20px 0}.hour-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.hour-bar{width:100%;max-width:24px;background:linear-gradient(180deg,#4ebabd,#4ebabd80);border-radius:4px 4px 0 0;position:relative;cursor:pointer;transition:all .2s}.hour-bar:hover{background:#5fc9cc;transform:scaleY(1.05)}.hour-count{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.65rem;color:#64748b;white-space:nowrap}.hour-label{font-size:.65rem;color:#64748b}.peak-hours{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.peak-title{font-size:.8rem;color:#64748b}.peak-badge{padding:4px 10px;background:#4ebabd26;border-radius:6px;font-size:.75rem;color:#4ebabd}.tenant-list{display:flex;flex-direction:column;gap:12px}.tenant-item{padding:12px;background:#1e293b;border-radius:8px}.tenant-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tenant-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#4ebabd,#3aa8ab);display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f172a;font-size:.9rem}.tenant-details{flex:1}.tenant-name{display:block;font-weight:600;color:#f1f5f9;font-size:.9rem}.tenant-stats{font-size:.75rem;color:#64748b}.tenant-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden}.tenant-bar-fill{height:100%;background:linear-gradient(90deg,#4ebabd,#22c55e);border-radius:3px;transition:width .5s ease}.no-data{text-align:center;padding:40px;color:#64748b}.top-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.top-user-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px;display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.top-user-card:hover{border-color:#4ebabd;transform:translateY(-2px)}.top-user-card.selected{border-color:#4ebabd;background:#4ebabd1a}.top-user-rank{font-size:.875rem;font-weight:700;color:#64748b;width:28px}.top-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.top-user-info{min-width:0}.top-user-name{display:block;font-weight:600;color:#f1f5f9;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-email{display:block;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-tenant{display:block;font-size:.7rem;color:#4ebabd;margin-top:2px}.top-user-stat .stat-value{display:block;font-weight:700;color:#f1f5f9;font-size:1rem}.top-user-stat .stat-label{font-size:.65rem;color:#64748b;text-transform:uppercase}.frequency-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:capitalize}.frequency-badge.green{background:#22c55e33;color:#22c55e}.frequency-badge.blue{background:#3b82f633;color:#3b82f6}.frequency-badge.yellow{background:#eab30833;color:#eab308}.frequency-badge.orange{background:#f9731633;color:#f97316}.frequency-badge.purple{background:#a855f733;color:#a855f7}.frequency-badge.gray{background:#94a3b833;color:#94a3b8}.top-user-last-login{font-size:.75rem;color:#64748b;white-space:nowrap}.trend-chart{display:flex;gap:8px;height:200px;padding:20px 0}.trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:#64748b;width:30px;text-align:right;padding-right:8px}.trend-bars{flex:1;display:flex;align-items:flex-end;gap:2px}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.trend-bar{width:100%;max-width:20px;background:linear-gradient(180deg,#4ebabd,#4ebabd4d);border-radius:3px 3px 0 0;transition:all .3s ease;cursor:pointer}.trend-bar:hover{background:#5fc9cc}.trend-label{position:absolute;bottom:-20px;font-size:.65rem;color:#64748b;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000}.sessions-modal,.user-detail-modal{background:#0f172a;border:1px solid #334155;border-radius:16px;width:90%;max-width:1000px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1e293b}.modal-header h3{margin:0;color:#f1f5f9;font-size:1.25rem}.modal-controls{display:flex;align-items:center;gap:16px}.toggle-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#94a3b8;cursor:pointer}.close-btn{background:transparent;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:4px 8px;transition:color .2s}.close-btn:hover{color:#f1f5f9}.sessions-table{flex:1;overflow-y:auto;padding:0 24px}.sessions-table .table-header,.sessions-table .table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:12px 0;align-items:center}.sessions-table .table-header{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e293b;position:sticky;top:0;background:#0f172a}.sessions-table .table-row{border-bottom:1px solid #1e293b;font-size:.875rem;color:#e2e8f0}.session-email{font-weight:500}.session-username{font-size:.75rem;color:#64748b}.session-device{display:flex;align-items:center;gap:6px}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e33;color:#22c55e}.status-badge.inactive{background:#94a3b833;color:#94a3b8}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid #1e293b}.pagination button{padding:8px 16px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#334155;border-color:#4ebabd}.pagination span{color:#64748b;font-size:.875rem}.loading-state{text-align:center;padding:40px;color:#64748b}.user-detail-header{display:flex;align-items:center;gap:16px}.user-detail-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4ebabd,#3aa8ab);display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f172a;font-size:1.25rem}.user-detail-email{font-size:.875rem;color:#64748b}.user-detail-content{padding:24px;overflow-y:auto}.user-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.detail-stat{background:#1e293b;padding:16px;border-radius:10px;text-align:center}.detail-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#f1f5f9}.detail-stat-label{font-size:.75rem;color:#64748b;margin-top:4px}.user-detail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.meta-item>span:last-child{color:#e2e8f0}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;width:fit-content}.role-badge.superadmin{background:#a855f733;color:#a855f7}.role-badge.admin{background:#3b82f633;color:#3b82f6}.role-badge.employee{background:#94a3b833;color:#94a3b8}.recent-sessions h4{color:#f1f5f9;font-size:1rem;margin-bottom:12px}.mini-sessions-list{display:flex;flex-direction:column;gap:8px}.mini-session{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:10px 12px;background:#1e293b;border-radius:6px;font-size:.875rem;color:#e2e8f0}.mini-session-time{color:#94a3b8}.mini-session-device{display:flex;align-items:center;gap:6px;color:#64748b}.top-users-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media (min-width: 768px){.top-users-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.top-users-grid{grid-template-columns:repeat(3,1fr)}}.top-user-card{background:#1e293b80;border:1px solid #334155;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.top-user-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.top-user-card.selected{border-color:#3b82f6;background:#3b82f61a}.top-user-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.top-user-rank{color:#64748b;font-weight:700;font-size:.875rem;width:24px}.top-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.875rem;flex-shrink:0}.top-user-info{flex:1;min-width:0}.top-user-name{font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-email{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-tenant{font-size:.75rem;color:#4ebabd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid rgba(51,65,85,.5)}.top-user-stats{display:flex;gap:16px}.top-user-stat{text-align:center}.top-user-stat-value{font-size:1.125rem;font-weight:700;color:#f1f5f9}.top-user-stat-label{font-size:10px;color:#64748b;text-transform:uppercase}.top-user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.top-user-last-login{font-size:11px;color:#64748b}.top-users-empty{grid-column:1 / -1;text-align:center;padding:40px;color:#64748b}.tenant-analytics{padding:24px;width:100%}.tenant-analytics-loading,.tenant-analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#94a3b8;gap:16px}.tenant-analytics-error button{padding:8px 16px;background:#4ebabd;color:#0f172a;border:none;border-radius:6px;cursor:pointer}.tenant-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title{display:flex;align-items:center;gap:12px;color:#4ebabd}.header-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#f1f5f9}.tenant-name{display:block;font-size:.85rem;color:#64748b}.header-actions{display:flex;align-items:center;gap:10px}.reports-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.reports-btn:hover{box-shadow:0 4px 16px #4ebabd59;transform:translateY(-1px)}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#334155;color:#f1f5f9}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#1e293b;border-radius:12px;padding:20px;border:1px solid #334155}.metric-card.highlight{border-color:#4ebabd;background:linear-gradient(135deg,#4ebabd1a,#1e293b)}.metric-header{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.85rem;margin-bottom:12px}.metric-value{font-size:2rem;font-weight:700;color:#f1f5f9;margin-bottom:8px}.metric-detail{font-size:.8rem;color:#64748b}.active-badge{padding:2px 8px;background:#22c55e33;color:#22c55e;border-radius:4px;font-size:.75rem}.trend-up{display:flex;align-items:center;gap:4px;color:#22c55e}.team-behavior-section{background:#1e293b;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #334155}.team-behavior-section h2{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-size:1.1rem;margin:0 0 20px}.team-behavior-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.behavior-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#0f172a;border-radius:10px;border:1px solid #334155}.behavior-card.top-performer{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#0f172a)}.behavior-icon{width:48px;height:48px;border-radius:10px;background:#334155;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.behavior-icon.upload{color:#22c55e}.behavior-icon.corrections{color:#3b82f6}.behavior-icon.exports{color:#a855f7}.behavior-content{display:flex;flex-direction:column;gap:4px}.behavior-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.behavior-value{font-size:1rem;font-weight:600;color:#f1f5f9}.behavior-value.empty{color:#475569}.behavior-detail{font-size:.8rem;color:#94a3b8}.team-averages{display:flex;flex-wrap:wrap;gap:24px;padding:16px;background:#0f172a;border-radius:8px;margin-bottom:20px}.avg-item{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem}.avg-label{color:#64748b}.avg-value{font-weight:600;color:#4ebabd}.churn-risk-section{padding-top:16px;border-top:1px solid #334155}.churn-risk-section h3{display:flex;align-items:center;gap:8px;color:#f59e0b;font-size:.9rem;margin:0 0 12px}.churn-risk-list{display:flex;flex-wrap:wrap;gap:8px}.churn-user{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;font-size:.85rem}.churn-days{font-size:.75rem;color:#94a3b8}.session-insights-section{background:#1e293b;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #334155}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-size:1.1rem;margin:0}.view-sessions-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #4EBABD;color:#4ebabd;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.view-sessions-btn:hover{background:#4ebabd1a}.session-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.session-stat{text-align:center;padding:16px;background:#0f172a;border-radius:8px}.session-stat.active{border:1px solid #22c55e;background:#22c55e1a}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:4px}.session-stat.active .stat-value{color:#22c55e}.stat-label{font-size:.75rem;color:#64748b}.rankings-section{background:#1e293b;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #334155}.view-toggle{display:flex;gap:4px;background:#0f172a;padding:4px;border-radius:8px}.view-toggle button{padding:8px 16px;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.view-toggle button.active{background:#4ebabd;color:#0f172a}.rankings-table{overflow-x:auto;margin-top:16px}.rankings-table table{width:100%;border-collapse:collapse}.rankings-table th,.rankings-table td{padding:12px;text-align:left;border-bottom:1px solid #334155}.rankings-table th{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.rankings-table tr.top-rank{background:#4ebabd0d}.rank-cell{width:60px}.rank-icon{color:#64748b}.rank-icon.gold{color:#f59e0b}.rank-icon.silver{color:#94a3b8}.rank-icon.bronze{color:#cd7f32}.rank-number{font-weight:600;color:#64748b}.user-cell .user-info{display:flex;flex-direction:column}.user-info .user-name{font-weight:500;color:#f1f5f9}.user-info .user-email{font-size:.75rem;color:#64748b}.score-cell .score-value{font-weight:700;color:#4ebabd}.metric-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.metric-badge.uploads{background:#22c55e26;color:#22c55e}.metric-badge.corrections{background:#3b82f626;color:#3b82f6}.metric-badge.exports{background:#a855f726;color:#a855f7}.frequency-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.frequency-badge.green{background:#22c55e26;color:#22c55e}.frequency-badge.blue{background:#3b82f626;color:#3b82f6}.frequency-badge.yellow{background:#eab30826;color:#eab308}.frequency-badge.orange{background:#f9731626;color:#f97316}.frequency-badge.purple{background:#a855f726;color:#a855f7}.detail-btn{padding:6px;background:transparent;border:1px solid #334155;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.detail-btn:hover{background:#4ebabd;border-color:#4ebabd;color:#0f172a}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.chart-card{background:#1e293b;border-radius:12px;padding:24px;border:1px solid #334155}.chart-card h3{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-size:1rem;margin:0 0 20px}.hourly-chart{display:flex;align-items:flex-end;height:150px;gap:4px;padding:0 8px}.hour-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hour-bar{width:100%;max-width:20px;background:#3b82f6;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease}.hour-bar.peak{background:#4ebabd}.hour-label{font-size:.65rem;color:#64748b;margin-top:6px}.trend-chart{display:flex;align-items:flex-end;height:120px;gap:2px;padding:0 4px}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar{width:100%;background:linear-gradient(to top,#4ebabd,#3b82f6);border-radius:2px 2px 0 0;min-height:2px}.trend-label{font-size:.6rem;color:#64748b;margin-top:4px;white-space:nowrap}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:6px;color:#94a3b8}.legend-item.peak:before{content:"";width:12px;height:12px;background:#4ebabd;border-radius:2px}.legend-item.uploads:before{content:"";width:12px;height:12px;background:#22c55e;border-radius:2px}.legend-item.corrections:before{content:"";width:12px;height:12px;background:#3b82f6;border-radius:2px}.legend-item.exports:before{content:"";width:12px;height:12px;background:#a855f7;border-radius:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.sessions-modal,.user-detail-modal{background:#0f172a;border-radius:16px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;border:1px solid #334155}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #334155}.modal-header h2{margin:0;color:#f1f5f9;font-size:1.2rem}.modal-actions{display:flex;align-items:center;gap:16px}.active-filter{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem;cursor:pointer}.active-filter input{accent-color:#4EBABD}.close-btn{padding:8px 12px;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:1.2rem}.close-btn:hover{background:#334155;color:#f1f5f9}.modal-content{padding:24px;overflow-y:auto;flex:1}.loading{display:flex;justify-content:center;padding:40px;color:#64748b}.sessions-table{width:100%;border-collapse:collapse}.sessions-table th,.sessions-table td{padding:12px;text-align:left;border-bottom:1px solid #1e293b}.sessions-table th{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.session-user{display:flex;flex-direction:column}.session-user .email{font-size:.75rem;color:#64748b}.device-cell{display:flex;align-items:center;gap:8px;color:#94a3b8}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.ended{background:#64748b26;color:#64748b}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #334155;color:#64748b;font-size:.85rem}.pagination-btns{display:flex;gap:8px}.pagination-btns button{padding:8px 16px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer}.pagination-btns button:hover:not(:disabled){background:#334155;color:#f1f5f9}.pagination-btns button:disabled{opacity:.5;cursor:not-allowed}.user-detail-content{display:flex;flex-direction:column;gap:24px}.user-profile{display:flex;align-items:center;gap:20px;padding:20px;background:#1e293b;border-radius:12px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center;color:#64748b}.profile-info{flex:1}.profile-info h3{margin:0 0 4px;color:#f1f5f9;font-size:1.2rem}.profile-info .email{display:block;color:#64748b;font-size:.9rem;margin-bottom:8px}.role-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;background:#4ebabd26;color:#4ebabd}.rank-badge-large{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:#0f172a;border-radius:8px}.rank-badge-large .score{font-size:.8rem;color:#64748b}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#1e293b;border-radius:8px;text-align:center}.stat-item svg{color:#4ebabd}.stat-item .stat-value{font-size:1.25rem;font-weight:700;color:#f1f5f9}.stat-item .stat-label{font-size:.7rem;color:#64748b}.monthly-performance{background:#1e293b;border-radius:12px;padding:20px}.monthly-performance h4{margin:0 0 16px;color:#f1f5f9;font-size:1rem}.monthly-chart{display:flex;gap:8px;height:100px;align-items:flex-end}.month-column{flex:1;display:flex;flex-direction:column;align-items:center}.month-bars{display:flex;gap:2px;height:80px;align-items:flex-end}.month-bars .bar{width:8px;border-radius:2px 2px 0 0;min-height:2px}.month-bars .bar.uploads{background:#22c55e}.month-bars .bar.corrections{background:#3b82f6}.month-bars .bar.exports{background:#a855f7}.month-label{font-size:.65rem;color:#64748b;margin-top:8px}.recent-sessions{background:#1e293b;border-radius:12px;padding:20px}.recent-sessions h4{margin:0 0 16px;color:#f1f5f9;font-size:1rem}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#0f172a;border-radius:8px}.session-time{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem}.session-device{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.8rem}.session-duration{color:#4ebabd;font-weight:500;font-size:.85rem}@media (max-width: 768px){.tenant-analytics{padding:16px}.tenant-analytics-header{flex-direction:column;gap:16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.team-behavior-grid,.charts-section{grid-template-columns:1fr}.user-profile{flex-direction:column;text-align:center}.user-stats-grid{grid-template-columns:repeat(3,1fr)}}.help-support-page{padding:24px;min-height:100vh;background:#0f172a}.help-support-page .page-header{margin-bottom:28px}.help-support-page .header-content{display:flex;align-items:center;gap:16px}.help-support-page .header-icon{color:#4ebabd}.help-support-page .page-header h1{font-size:1.75rem;font-weight:600;color:#f1f5f9;margin:0}.help-support-page .page-header p{color:#94a3b8;margin:4px 0 0;font-size:.95rem}.help-main-content{max-width:960px}.help-search-section{position:relative;margin-bottom:24px}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#64748b;pointer-events:none}.search-input{width:100%;padding:16px 48px;background:#1e293b;border:1px solid #334155;border-radius:12px;color:#f1f5f9;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd26}.search-input::placeholder{color:#64748b}.search-spinner{position:absolute;right:16px;color:#4ebabd}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:4px;z-index:50;box-shadow:0 8px 24px #0000004d;max-height:320px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:none;color:#f1f5f9;text-align:left;cursor:pointer;transition:background .15s;border-bottom:1px solid #2d3a4e}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#4ebabd14}.search-result-item svg:first-child{color:#4ebabd;flex-shrink:0}.result-text{flex:1;min-width:0}.result-question{display:block;font-size:.9rem;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-category{display:block;font-size:.75rem;color:#64748b;margin-top:2px;text-transform:capitalize}.search-result-item .lucide-arrow-right{color:#475569;flex-shrink:0}.no-results{display:flex;align-items:center;gap:10px;padding:16px;color:#64748b;font-size:.9rem}.help-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.quick-action-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#1e293b;border:1px solid #334155;border-radius:12px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.quick-action-card:hover{background:#253247;border-color:#4ebabd;transform:translateY(-1px)}.qa-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#4ebabd1a;border-radius:10px;color:#4ebabd;flex-shrink:0}.help-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title svg{color:#4ebabd}.section-title h2{font-size:1.15rem;font-weight:600;color:#f1f5f9;margin:0}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty-state-inline{display:flex;align-items:center;gap:10px;padding:20px;color:#94a3b8;grid-column:1 / -1}.category-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:#1e293b;border:1px solid #334155;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.category-card:hover{background:#253247;border-color:#4ebabd80;transform:translateY(-1px)}.cat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#4ebabd1a;border-radius:12px;color:#4ebabd;flex-shrink:0}.cat-info{flex:1;min-width:0}.cat-info h3{font-size:.95rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.cat-info p{font-size:.8rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-count{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.cat-count span{font-size:1.25rem;font-weight:700;color:#4ebabd}.cat-count small{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.cat-arrow{color:#475569;flex-shrink:0}.help-contact-section{margin-top:8px}.contact-info-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#4ebabd0f;border:1px solid rgba(78,186,189,.2);border-radius:12px}.contact-info-card>svg{color:#4ebabd;flex-shrink:0}.contact-info-card div{flex:1}.contact-info-card h3{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.contact-info-card p{font-size:.85rem;color:#94a3b8;margin:0}.contact-support-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4ebabd,#3ea9ac);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.contact-support-btn:hover{background:linear-gradient(135deg,#3ea9ac,#2d9a9d);transform:translateY(-1px)}.contact-support-btn.small{padding:8px 16px;font-size:.85rem}.breadcrumb-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#4ebabd;font-size:.9rem;font-weight:500;cursor:pointer;padding:4px 0;margin-bottom:20px;transition:color .2s}.breadcrumb-back:hover{color:#6dd0d3}.category-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #334155}.cat-detail-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#4ebabd1a;border-radius:14px;color:#4ebabd}.category-detail-header h2{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.category-detail-header p{font-size:.9rem;color:#94a3b8;margin:0}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-list-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#1e293b;border:1px solid #334155;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.faq-list-item:hover{background:#253247;border-color:#4ebabd66}.faq-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4ebabd1a;border-radius:8px;color:#4ebabd;flex-shrink:0}.faq-item-question{flex:1;font-size:.95rem;font-weight:500;color:#e2e8f0;line-height:1.4}.faq-item-arrow{color:#475569;flex-shrink:0}.article-content{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.article-header{padding:24px;border-bottom:1px solid #334155;background:#1a2332}.article-icon{color:#4ebabd;margin-bottom:12px}.article-header h2{font-size:1.35rem;font-weight:600;color:#f1f5f9;margin:0 0 8px;line-height:1.4}.article-category-tag{display:inline-block;padding:4px 12px;background:#4ebabd1a;color:#4ebabd;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.article-body{padding:24px}.answer-content{color:#cbd5e1;font-size:.95rem;line-height:1.8}.answer-content .answer-header{display:block;color:#f1f5f9;font-size:1.05rem;margin:16px 0 8px}.answer-content .answer-header:first-child{margin-top:0}.answer-content p.answer-line{margin:4px 0;color:#cbd5e1}.answer-content li{color:#cbd5e1;margin-left:20px;margin-bottom:6px;list-style:disc}.answer-content li.numbered{list-style:decimal}.answer-content strong{color:#f1f5f9}.answer-content br{content:"";display:block;margin:8px 0}.article-footer{padding:20px 24px;border-top:1px solid #334155;text-align:center}.article-footer>p{color:#94a3b8;font-size:.9rem;margin:0 0 12px}.article-feedback-btns{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.feedback-yes,.feedback-no{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.feedback-yes{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.feedback-yes:hover{background:#10b98133}.feedback-no{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.feedback-no:hover{background:#ef444433}.article-contact{padding-top:16px;border-top:1px solid #334155}.article-contact p{color:#64748b;font-size:.85rem;margin:0 0 10px}.support-card{background:#1e293b;border-radius:12px;border:1px solid #334155;overflow:hidden}.support-card .card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#1a2332;border-bottom:1px solid #334155}.support-card .card-header h2{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0;flex:1}.support-card .card-header svg{color:#4ebabd}.request-count{background:#334155;color:#94a3b8;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.support-form{padding:20px}.help-support-page .form-group{margin-bottom:18px}.help-support-page .form-group label{display:block;color:#e2e8f0;font-size:.875rem;font-weight:500;margin-bottom:8px}.help-support-page .form-group input,.help-support-page .form-group select,.help-support-page .form-group textarea{width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px 14px;color:#f1f5f9;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.help-support-page .form-group input:focus,.help-support-page .form-group select:focus,.help-support-page .form-group textarea:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.help-support-page .form-group input::placeholder,.help-support-page .form-group textarea::placeholder{color:#64748b}.help-support-page .form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#4ebabd,#3ea9ac);color:#fff;font-weight:600;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3ea9ac,#2d9a9d);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:.9rem}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.spinner{animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;text-align:center}.empty-state svg{opacity:.4;margin-bottom:12px}.empty-state p{color:#94a3b8;margin:0;font-size:1rem}.empty-state span{font-size:.875rem;margin-top:4px}.requests-list{max-height:600px;overflow-y:auto}.request-item{border-bottom:1px solid #334155;transition:background-color .2s}.request-item:last-child{border-bottom:none}.request-item:hover{background:#4ebabd05}.request-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer}.request-info h3{font-size:.95rem;font-weight:500;color:#f1f5f9;margin:0 0 8px}.request-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.priority-badge{font-size:.75rem;font-weight:500}.request-date{color:#64748b;font-size:.8rem}.expand-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.expand-btn:hover{color:#94a3b8}.request-details{padding:16px 20px 20px;border-top:1px solid #334155;margin-top:-1px}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-section label{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.8rem;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-section p{color:#e2e8f0;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.response-section{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:14px}.response-section label{color:#10b981}.response-date{display:block;color:#64748b;font-size:.75rem;margin-top:10px}.requests-list::-webkit-scrollbar{width:6px}.requests-list::-webkit-scrollbar-track{background:#1e293b}.requests-list::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.requests-list::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 768px){.help-quick-actions,.categories-grid{grid-template-columns:1fr}.contact-info-card{flex-direction:column;text-align:center;gap:12px}.article-feedback-btns{flex-direction:column;align-items:stretch}.category-detail-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.help-support-page{padding:16px}.help-support-page .page-header h1{font-size:1.4rem}}.help-support-banners{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.help-support-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;font-size:13px;color:#cbd5e1}.help-support-banner.priority{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.help-support-banner.priority svg{color:#f59e0b;flex-shrink:0}.help-support-banner.dedicated{background:#6366f114;border:1px solid rgba(99,102,241,.2)}.help-support-banner.dedicated svg{color:#818cf8;flex-shrink:0}.help-support-banner.phone{background:#4ebabd14;border:1px solid rgba(78,186,189,.2)}.help-support-banner.phone svg{color:#4ebabd;flex-shrink:0}.help-support-banner span{flex:1}.help-banner-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#f59e0b;text-decoration:none;white-space:nowrap}.help-banner-link:hover{text-decoration:underline}.help-banner-link.contact{color:#818cf8}.help-manual{display:flex;height:calc(100vh - 56px);background:var(--color-dark-950, #0a0f1a);overflow:hidden}.help-manual-sidebar{width:300px;min-width:300px;background:var(--color-dark-900, #0f1623);border-right:1px solid var(--color-dark-700, #1e293b);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,min-width .25s ease}.help-manual-sidebar.collapsed{width:48px;min-width:48px}.help-sidebar-header{padding:16px;border-bottom:1px solid var(--color-dark-700, #1e293b);display:flex;flex-direction:column;gap:10px;position:relative}.help-manual-sidebar.collapsed .help-sidebar-header{padding:12px 8px;align-items:center}.help-sidebar-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--color-dark-100, #e2e8f0);letter-spacing:-.01em}.help-sidebar-title svg{color:var(--color-primary-400, #2dd4bf);flex-shrink:0}.help-progress-bar{height:3px;background:var(--color-dark-700, #1e293b);border-radius:3px;overflow:hidden}.help-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-400, #2dd4bf),var(--color-primary-500, #14b8a6));border-radius:3px;transition:width .4s ease}.help-progress-label{font-size:11px;color:var(--color-dark-400, #64748b)}.help-sidebar-toggle{position:absolute;top:12px;right:8px;background:none;border:none;color:var(--color-dark-400, #64748b);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s,background .15s}.help-manual-sidebar.collapsed .help-sidebar-toggle{position:static}.help-sidebar-toggle:hover{color:var(--color-dark-100, #e2e8f0);background:var(--color-dark-700, #1e293b)}.help-search-wrapper{position:relative;padding:0 12px;margin-bottom:8px}.help-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--color-dark-500, #475569);pointer-events:none}.help-search-input{width:100%;padding:8px 30px 8px 34px;background:var(--color-dark-800, #131b2e);border:1px solid var(--color-dark-700, #1e293b);border-radius:6px;color:var(--color-dark-100, #e2e8f0);font-size:13px;outline:none;transition:border-color .15s}.help-search-input::placeholder{color:var(--color-dark-500, #475569)}.help-search-input:focus{border-color:var(--color-primary-500, #14b8a6)}.help-search-clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-dark-400, #64748b);cursor:pointer;padding:2px}.help-search-results{padding:0 12px 8px;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.help-search-result{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--color-dark-200, #cbd5e1);transition:background .12s;width:100%}.help-search-result:hover{background:var(--color-dark-700, #1e293b)}.help-search-result-text{display:flex;flex-direction:column;min-width:0}.help-search-result-title{font-size:13px;font-weight:500}.help-search-result-section{font-size:11px;color:var(--color-dark-400, #64748b)}.help-nav{flex:1;overflow-y:auto;padding:8px 0}.help-nav::-webkit-scrollbar{width:4px}.help-nav::-webkit-scrollbar-thumb{background:var(--color-dark-600, #334155);border-radius:4px}.help-nav-section{margin-bottom:2px}.help-nav-section-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;background:none;border:none;cursor:pointer;color:var(--color-dark-300, #94a3b8);font-size:13px;font-weight:500;text-align:left;transition:color .12s,background .12s;border-left:2px solid transparent}.help-nav-section-btn:hover{color:var(--color-dark-100, #e2e8f0);background:var(--color-dark-800, #131b2e)}.help-nav-section-btn.active{color:var(--color-dark-100, #e2e8f0);border-left-color:var(--color-primary-400, #2dd4bf)}.help-nav-section-left{display:flex;align-items:center;gap:9px}.help-nav-section-right{display:flex;align-items:center;gap:6px;color:var(--color-dark-500, #475569)}.help-nav-progress{font-size:10px;color:var(--color-dark-500, #475569);font-weight:400}.help-nav-subsections{padding:2px 0 6px}.help-nav-sub-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 14px 6px 42px;background:none;border:none;cursor:pointer;color:var(--color-dark-400, #64748b);font-size:12.5px;text-align:left;transition:color .12s,background .12s}.help-nav-sub-btn:hover{color:var(--color-dark-200, #cbd5e1);background:var(--color-dark-800, #131b2e)}.help-nav-sub-btn.active{color:var(--color-primary-400, #2dd4bf);background:#2dd4bf0f}.help-nav-sub-dot{width:6px;height:6px;border-radius:50%;background:var(--color-dark-600, #334155);flex-shrink:0;transition:background .2s}.help-nav-sub-dot.completed{background:var(--color-primary-400, #2dd4bf)}.help-nav-check{color:var(--color-primary-400, #2dd4bf);margin-left:auto;flex-shrink:0}.help-manual-content{flex:1;overflow-y:auto;padding:32px 48px 80px;min-width:0}.help-manual-content::-webkit-scrollbar{width:6px}.help-manual-content::-webkit-scrollbar-thumb{background:var(--color-dark-600, #334155);border-radius:6px}.help-content-header{margin-bottom:32px}.help-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-dark-400, #64748b);margin-bottom:10px}.help-breadcrumb-section{display:flex;align-items:center;gap:5px;font-weight:500}.help-breadcrumb-page{color:var(--color-dark-300, #94a3b8)}.help-content-title{font-size:28px;font-weight:700;color:var(--color-dark-50, #f8fafc);letter-spacing:-.02em;margin:0;line-height:1.2}.help-content-body{display:flex;flex-direction:column;gap:28px;max-width:760px}.help-block-intro{font-size:15px;line-height:1.7;color:var(--color-dark-300, #94a3b8);margin:0}.help-block-title{font-size:16px;font-weight:600;color:var(--color-dark-100, #e2e8f0);margin:0 0 14px}.help-block-steps{padding:0}.help-steps-list{display:flex;flex-direction:column;gap:0}.help-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-dark-800, #131b2e)}.help-step:last-child{border-bottom:none}.help-step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500, #14b8a6),var(--color-primary-600, #0d9488));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.help-step-content{flex:1}.help-step-content strong{display:block;font-size:14px;color:var(--color-dark-100, #e2e8f0);margin-bottom:3px}.help-step-content p{font-size:13.5px;color:var(--color-dark-400, #64748b);margin:0;line-height:1.5}.help-block-workflow{padding:0}.help-workflow-steps{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:8px}.help-workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px;flex:1;gap:8px}.help-workflow-icon{width:52px;height:52px;border-radius:14px;background:var(--color-dark-800, #131b2e);border:1px solid var(--color-dark-700, #1e293b);display:flex;align-items:center;justify-content:center;color:var(--color-primary-400, #2dd4bf);transition:transform .2s,border-color .2s}.help-workflow-step:hover .help-workflow-icon{transform:translateY(-2px);border-color:var(--color-primary-500, #14b8a6)}.help-workflow-step strong{font-size:13px;color:var(--color-dark-100, #e2e8f0)}.help-workflow-step p{font-size:12px;color:var(--color-dark-400, #64748b);margin:0;line-height:1.4}.help-workflow-arrow{color:var(--color-dark-600, #334155);padding-top:16px;flex-shrink:0}.help-block-features{padding:0}.help-features-grid{display:flex;flex-direction:column;gap:2px}.help-feature-card{display:flex;gap:14px;padding:14px 16px;background:var(--color-dark-900, #0f1623);border:1px solid var(--color-dark-800, #131b2e);border-radius:8px;transition:border-color .15s,background .15s}.help-feature-card:hover{border-color:var(--color-dark-600, #334155);background:var(--color-dark-850, #111827)}.help-feature-icon{width:36px;height:36px;border-radius:8px;background:var(--color-dark-800, #131b2e);display:flex;align-items:center;justify-content:center;color:var(--color-primary-400, #2dd4bf);flex-shrink:0}.help-feature-content{flex:1}.help-feature-content strong{display:block;font-size:13.5px;color:var(--color-dark-100, #e2e8f0);margin-bottom:2px}.help-feature-content p{font-size:12.5px;color:var(--color-dark-400, #64748b);margin:0;line-height:1.4}.help-block-callout{display:flex;gap:12px;padding:14px 16px;border-radius:8px;border-left:3px solid}.help-block-callout svg{flex-shrink:0;margin-top:1px}.help-block-callout p{font-size:13.5px;line-height:1.5;margin:0}.help-block-callout.tip{background:#2dd4bf0f;border-left-color:var(--color-primary-400, #2dd4bf);color:var(--color-primary-300, #5eead4)}.help-block-callout.tip svg{color:var(--color-primary-400, #2dd4bf)}.help-block-callout.tip p{color:var(--color-dark-300, #94a3b8)}.help-block-callout.warning{background:#f59e0b0f;border-left-color:#f59e0b;color:#fbbf24}.help-block-callout.warning svg{color:#f59e0b}.help-block-callout.warning p{color:var(--color-dark-300, #94a3b8)}.help-block-info-box{padding:16px 18px;background:var(--color-dark-900, #0f1623);border:1px solid var(--color-dark-700, #1e293b);border-radius:8px}.help-block-info-box h4{font-size:14px;font-weight:600;color:var(--color-dark-100, #e2e8f0);margin:0 0 8px}.help-block-info-box p{font-size:13px;color:var(--color-dark-400, #64748b);margin:0;line-height:1.6}.help-block-shortcuts{padding:0}.help-shortcuts-list{display:flex;flex-direction:column;gap:0}.help-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-dark-800, #131b2e)}.help-shortcut-row:last-child{border-bottom:none}.help-shortcut-keys{display:flex;gap:4px}.help-shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 8px;background:var(--color-dark-800, #131b2e);border:1px solid var(--color-dark-600, #334155);border-radius:5px;font-size:12px;font-family:inherit;color:var(--color-dark-200, #cbd5e1);font-weight:500}.help-shortcut-desc{font-size:13px;color:var(--color-dark-400, #64748b)}.help-block-color-guide{display:flex;flex-direction:column;gap:2px}.help-color-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--color-dark-900, #0f1623);border-radius:6px;transition:background .12s}.help-color-row:hover{background:var(--color-dark-850, #111827)}.help-color-swatch{width:32px;height:32px;border-radius:6px;flex-shrink:0;box-shadow:0 0 8px #0000004d}.help-color-info strong{display:block;font-size:13.5px;color:var(--color-dark-100, #e2e8f0);margin-bottom:1px}.help-color-info p{font-size:12.5px;color:var(--color-dark-400, #64748b);margin:0}.help-block-confidence-guide{display:flex;flex-direction:column;gap:8px}.help-confidence-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--color-dark-900, #0f1623);border-radius:8px;border:1px solid var(--color-dark-800, #131b2e)}.help-confidence-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;min-width:72px;text-align:center;flex-shrink:0}.help-confidence-info strong{display:block;font-size:13.5px;color:var(--color-dark-100, #e2e8f0);margin-bottom:2px}.help-confidence-info p{font-size:12.5px;color:var(--color-dark-400, #64748b);margin:0;line-height:1.4}.help-block-action{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--color-dark-800, #131b2e);border:1px solid var(--color-dark-700, #1e293b);border-radius:8px;color:var(--color-primary-400, #2dd4bf);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;width:fit-content}.help-block-action:hover{background:#2dd4bf14;border-color:var(--color-primary-600, #0d9488);transform:translate(2px)}.help-action-desc{color:var(--color-dark-400, #64748b);font-weight:400;font-size:12px}.help-action-arrow{margin-left:auto;opacity:.5;transition:opacity .15s,transform .15s}.help-block-action:hover .help-action-arrow{opacity:1;transform:translate(3px)}.help-content-footer{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid var(--color-dark-800, #131b2e);max-width:760px}.help-footer-complete{display:flex;align-items:center}.help-completed-badge{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary-400, #2dd4bf);font-weight:500}.help-mark-complete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2dd4bf14;border:1px solid rgba(45,212,191,.2);border-radius:6px;color:var(--color-primary-400, #2dd4bf);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.help-mark-complete-btn:hover{background:#2dd4bf24;border-color:#2dd4bf59}.help-footer-nav{display:flex;gap:8px}.help-nav-prev,.help-nav-next{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:1px solid var(--color-dark-700, #1e293b);border-radius:6px;color:var(--color-dark-300, #94a3b8);font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-nav-prev:hover,.help-nav-next:hover{color:var(--color-dark-100, #e2e8f0);border-color:var(--color-dark-500, #475569);background:var(--color-dark-800, #131b2e)}@media (max-width: 900px){.help-manual-content{padding:24px 20px 60px}.help-workflow-steps{flex-direction:column;align-items:center}.help-workflow-arrow{transform:rotate(90deg);padding:0}.help-manual-sidebar{width:260px;min-width:260px}}.help-block-video{margin:20px 0}.help-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#0f172a;box-shadow:0 4px 20px #0000004d}.help-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 640px){.help-manual-sidebar{position:fixed;left:0;top:56px;bottom:0;z-index:100;box-shadow:4px 0 16px #0006}.help-manual-sidebar.collapsed{width:0;min-width:0;overflow:hidden}.help-content-footer{flex-direction:column;gap:16px}}.support-requests-page{width:100%;background:transparent}.support-requests-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.support-requests-page .loading-state .spin{animation:supportSpin 1s linear infinite;color:#4ebabd}@keyframes supportSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-requests-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:1.5rem}.support-requests-page .stat-card{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;border:1px solid rgba(71,85,105,.4);transition:all .2s cubic-bezier(.4,0,.2,1)}.support-requests-page .stat-card:hover{border-color:#4ebabd80;box-shadow:0 4px 16px #4ebabd26;transform:translateY(-2px)}.support-requests-page .stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.support-requests-page .stat-card.stat-open .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.support-requests-page .stat-card.stat-in-progress .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.support-requests-page .stat-card.stat-resolved .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.support-requests-page .stat-card.stat-urgent .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.support-requests-page .stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.support-requests-page .stat-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.support-requests-page .stat-value{font-size:24px;font-weight:800;color:#f1f5f9;letter-spacing:-.02em;line-height:1}.support-requests-page .tab-header{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border-radius:12px;padding:16px 20px;margin-bottom:1.25rem;border:1px solid rgba(71,85,105,.4);display:flex;justify-content:space-between;align-items:center;gap:16px}.support-requests-page .filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.support-requests-page .search-box{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0a0f1a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;min-width:200px;flex:1;max-width:360px;transition:all .2s}.support-requests-page .search-box:focus-within{border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1f}.support-requests-page .search-box input{border:none;outline:none;font-size:14px;width:100%;background:transparent;color:#f1f5f9;font-weight:500}.support-requests-page .search-box input::placeholder{color:#64748b}.support-requests-page .search-box svg{color:#64748b;flex-shrink:0}.support-requests-page .filters select{padding:10px 12px;border:1px solid rgba(71,85,105,.5);border-radius:8px;font-size:13px;font-weight:500;background:#0a0f1a99;color:#f1f5f9;cursor:pointer;transition:all .2s;min-width:120px}.support-requests-page .filters select:hover{border-color:#4ebabd80}.support-requests-page .filters select:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1f}.support-requests-page .filters select option{background:#1e293b;color:#e2e8f0}.support-requests-page .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.support-requests-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd59}.support-requests-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.support-requests-page .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;color:#e2e8f0;border:1px solid rgba(71,85,105,.5);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.support-requests-page .btn-secondary:hover{background:#4755694d;border-color:#4ebabd80}.support-requests-page .data-table-container{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px;overflow:hidden}.support-requests-page .data-table{width:100%;border-collapse:collapse}.support-requests-page .data-table th,.support-requests-page .data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(71,85,105,.3)}.support-requests-page .data-table th{background:#0a0f1a80;font-weight:600;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.support-requests-page .data-table td{font-size:13px;color:#e2e8f0;font-weight:500}.support-requests-page .data-table tbody tr{transition:background .15s;cursor:pointer}.support-requests-page .data-table tbody tr:hover{background:#4ebabd0f}.support-requests-page .data-table tbody tr:last-child td{border-bottom:none}.support-requests-page .user-cell{display:flex;align-items:center;gap:8px}.support-requests-page .user-cell svg{color:#64748b;flex-shrink:0}.support-requests-page .subject-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-requests-page .priority-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.support-requests-page .priority-low{background:#64748b33;color:#cbd5e1}.support-requests-page .priority-medium{background:#3b82f626;color:#93c5fd}.support-requests-page .priority-high{background:#f59e0b26;color:#fcd34d}.support-requests-page .priority-urgent{background:#ef444426;color:#fca5a5}.support-requests-page .status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.support-requests-page .status-open{background:#3b82f626;color:#60a5fa}.support-requests-page .status-in_progress{background:#f59e0b26;color:#fbbf24}.support-requests-page .status-resolved{background:#10b98126;color:#34d399}.support-requests-page .status-closed{background:#64748b26;color:#94a3b8}.support-requests-page .action-cell{position:relative;display:flex;gap:6px}.support-requests-page .icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#3341554d;border:1px solid rgba(71,85,105,.4);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s}.support-requests-page .icon-btn:hover{background:#4ebabd26;border-color:#4ebabd66;color:#4ebabd}.support-requests-page .action-menu{position:fixed;background:linear-gradient(135deg,#1e293bfc,#0f172afc);border:1px solid rgba(71,85,105,.6);border-radius:10px;box-shadow:0 10px 40px #0009,0 0 0 1px #4ebabd1a;z-index:9999;min-width:180px;overflow:hidden;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:supportMenuFadeIn .15s ease-out}@keyframes supportMenuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.support-requests-page .action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;color:#e2e8f0;cursor:pointer;transition:all .15s;text-align:left}.support-requests-page .action-menu button:hover{background:#4ebabd26;color:#4ebabd}.support-requests-page .action-menu button.danger{color:#f87171}.support-requests-page .action-menu button.danger:hover{background:#ef444426;color:#ef4444}.support-requests-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:#64748b;text-align:center}.support-requests-page .empty-state svg{color:#4ebabd;opacity:.5;margin-bottom:20px}.support-requests-page .empty-state h3{color:#f1f5f9;font-size:18px;font-weight:700;margin:0 0 8px}.support-requests-page .empty-state p{margin:0;font-size:14px;color:#94a3b8;font-weight:500}.support-requests-page .pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:1.25rem 0 .5rem}.support-requests-page .pagination button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:6px;font-size:13px;color:#e2e8f0;cursor:pointer;transition:all .2s}.support-requests-page .pagination button:hover:not(:disabled){background:#4ebabd26;border-color:#4ebabd66;color:#4ebabd}.support-requests-page .pagination button:disabled{opacity:.35;cursor:not-allowed}.support-requests-page .pagination span{font-size:13px;color:#94a3b8}.support-requests-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.support-requests-page .modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(71,85,105,.5);border-radius:14px;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009}.support-requests-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(71,85,105,.4)}.support-requests-page .modal-header h2{font-size:1.125rem;font-weight:600;color:#f8fafc;margin:0}.support-requests-page .close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#33415580;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .15s}.support-requests-page .close-btn:hover{background:#475569cc;color:#f8fafc}.support-requests-page .modal-body{padding:1.5rem;overflow-y:auto}.support-requests-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;border-top:1px solid rgba(71,85,105,.4)}.support-requests-page .detail-section{margin-bottom:1.25rem}.support-requests-page .detail-section:last-child{margin-bottom:0}.support-requests-page .detail-section h4{font-size:12px;font-weight:600;color:#94a3b8;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.support-requests-page .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(51,65,85,.4)}.support-requests-page .detail-row:last-child{border-bottom:none}.support-requests-page .detail-row span:first-child{color:#94a3b8;font-size:13px}.support-requests-page .detail-row span:last-child{color:#e2e8f0;font-size:13px}.support-requests-page .message-box{background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:8px;padding:1rem;color:#e2e8f0;font-size:13px;line-height:1.6;white-space:pre-wrap}.support-requests-page .response-box{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem;color:#e2e8f0;font-size:13px;line-height:1.6}.support-requests-page .response-box .response-date{display:block;font-size:11px;color:#64748b;margin-top:8px}.support-requests-page .response-form textarea{width:100%;background:#0a0f1a99;border:1px solid rgba(71,85,105,.5);border-radius:8px;padding:12px;color:#f1f5f9;font-size:13px;resize:vertical;min-height:100px;font-family:inherit}.support-requests-page .response-form textarea:focus{outline:none;border-color:#4ebabd80;box-shadow:0 0 0 3px #4ebabd1a}.support-requests-page .response-form textarea::placeholder{color:#64748b}.support-requests-page .status-buttons{display:flex;gap:8px;flex-wrap:wrap}.support-requests-page .status-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .15s;background:transparent}.support-requests-page .status-btn:hover:not(.active){transform:translateY(-1px)}.support-requests-page .status-btn.active{box-shadow:0 3px 10px #0003}@media (max-width: 900px){.support-requests-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.support-requests-page .stats-grid{grid-template-columns:1fr}.support-requests-page .tab-header{flex-direction:column;align-items:stretch}.support-requests-page .search-box{min-width:100%;max-width:100%}}.work-history-page{width:100%;padding:24px 32px;min-height:100vh}.wh-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.wh-header-left{display:flex;align-items:center;gap:14px}.wh-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#8b5cf6}.wh-page-header h1{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.01em}.wh-page-header p{font-size:.875rem;color:#64748b;margin:2px 0 0}.wh-header-right{display:flex;align-items:center;gap:10px}.wh-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e293bcc;border:1px solid #334155;border-radius:8px;min-width:240px;transition:all .15s}.wh-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.wh-search-box svg{color:#475569;flex-shrink:0}.wh-search-box input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.85rem}.wh-search-box input::placeholder{color:#475569}.wh-refresh-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid #334155;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s;flex-shrink:0}.wh-refresh-btn:hover:not(:disabled){border-color:#8b5cf64d;color:#8b5cf6;background:#8b5cf60d}.wh-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.wh-spin{animation:wh-spin 1s linear infinite}@keyframes wh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wh-stats-bar{display:flex;align-items:center;gap:0;padding:16px 24px;background:#1e293b99;border:1px solid #334155;border-radius:10px;margin-bottom:20px;width:100%}.wh-stat-item{display:flex;align-items:center;gap:12px;padding:0 24px;flex:1}.wh-stat-item:first-child{padding-left:0}.wh-stat-divider{width:1px;height:28px;background:#334155}.wh-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.wh-stat-icon.activities{background:#8b5cf61a;color:#8b5cf6}.wh-stat-icon.today{background:#4ebabd1a;color:#4ebabd}.wh-stat-icon.scans{background:#f59e0b1a;color:#f59e0b}.wh-stat-icon.exports{background:#06b6d41a;color:#06b6d4}.wh-stat-icon.docs{background:#3b82f61a;color:#3b82f6}.wh-stat-info{display:flex;flex-direction:column;gap:1px}.wh-stat-number{font-size:1.125rem;font-weight:700;color:#f1f5f9;line-height:1}.wh-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.wh-filter-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.wh-tabs{display:flex;gap:2px;background:#1e293b99;border:1px solid #334155;border-radius:8px;padding:3px}.wh-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.wh-tab:hover{color:#94a3b8;background:#ffffff08}.wh-tab.active{background:#8b5cf61a;color:#a78bfa;font-weight:600}.wh-type-select{padding:9px 32px 9px 14px;background:#1e293b99;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.8rem;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s}.wh-type-select:hover{border-color:#475569}.wh-type-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.wh-type-select option{background:#1e293b;color:#e2e8f0}.wh-clear-btn{padding:8px 14px;background:transparent;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;font-size:.775rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.wh-clear-btn:hover{background:#ef444414;border-color:#ef444466}.wh-group{margin-bottom:24px}.wh-group:last-child{margin-bottom:0}.wh-group-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.wh-group-header svg{opacity:.6;color:#8b5cf6}.wh-group-count{background:#334155;color:#94a3b8;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.wh-items{display:flex;flex-direction:column;gap:6px}.wh-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:#1e293b80;border:1px solid rgba(51,65,85,.6);border-radius:10px;transition:all .15s ease}.wh-item:hover{background:#1e293bcc;border-color:#8b5cf640}.wh-item-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0;border:1px solid transparent;margin-top:2px}.wh-item-body{flex:1;min-width:0}.wh-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.wh-item-body h3{font-size:.9rem;font-weight:600;color:#e2e8f0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.wh-item-time{font-size:.725rem;color:#64748b;flex-shrink:0;cursor:help;white-space:nowrap}.wh-item-desc{font-size:.8rem;color:#94a3b8;margin:0 0 8px;line-height:1.5}.wh-item-tags{display:flex;flex-wrap:wrap;gap:6px}.wh-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:.7rem;font-weight:500}.wh-tag.project{background:#8b5cf61a;color:#a78bfa}.wh-tag.document{background:#3b82f61a;color:#93c5fd}.wh-tag.document.clickable{cursor:pointer;transition:all .15s}.wh-tag.document.clickable:hover{background:#3b82f633}.wh-tag.detail{background:#4ebabd14;color:#4ebabd;border:1px solid rgba(78,186,189,.15)}.wh-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:6rem 2rem;color:#64748b;font-size:.9rem}.wh-spinner{animation:wh-spin 1s linear infinite;color:#8b5cf6}.wh-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:5rem 2rem;text-align:center}.wh-error svg{color:#ef4444;margin-bottom:8px}.wh-error h3{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin:0}.wh-error p{font-size:.875rem;color:#64748b;margin:0 0 16px}.wh-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.wh-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf64d}.wh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 6rem;text-align:center}.wh-empty-visual{position:relative;margin-bottom:28px}.wh-empty-circle{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);border:2px solid rgba(139,92,246,.2);border-radius:50%;color:#8b5cf6}.wh-empty-dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.wh-empty-dots span{width:6px;height:6px;border-radius:50%;background:#334155}.wh-empty-dots span:nth-child(2){background:#475569}.wh-empty h2{font-size:1.35rem;font-weight:700;color:#f1f5f9;margin:0 0 10px}.wh-empty p{font-size:.9rem;color:#64748b;margin:0;max-width:400px;line-height:1.6}.wh-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(51,65,85,.5)}.wh-page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.wh-page-btn:hover:not(:disabled){border-color:#8b5cf64d;color:#a78bfa;background:#8b5cf60d}.wh-page-btn:disabled{opacity:.4;cursor:not-allowed}.wh-page-info{font-size:.8rem;color:#64748b;font-weight:500}@media (max-width: 768px){.work-history-page{padding:16px}.wh-page-header{flex-direction:column;align-items:flex-start}.wh-header-right{width:100%}.wh-search-box{flex:1;min-width:unset}.wh-stats-bar{width:100%;overflow-x:auto}.wh-filter-row{flex-direction:column;align-items:flex-start}.wh-tabs{width:100%}.wh-tab{flex:1;justify-content:center;padding:8px 10px;font-size:.75rem}.wh-type-select{width:100%}.wh-item{padding:12px}.wh-item-icon{width:36px;height:36px}.wh-item-top{flex-direction:column;align-items:flex-start;gap:2px}.wh-empty{padding:3rem 1.5rem 4rem}.wh-pagination{flex-direction:column;gap:10px}}@media (max-width: 480px){.wh-header-right{flex-direction:column;gap:8px}.wh-search-box{width:100%}.wh-stat-item:nth-child(n+8){display:none}}.favorites-page{width:100%;padding:24px 32px;min-height:100vh}.fav-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.fav-header-left{display:flex;align-items:center;gap:14px}.fav-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fbbf241f;border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24}.fav-page-header h1{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.01em}.fav-page-header p{font-size:.875rem;color:#64748b;margin:2px 0 0}.fav-header-right{display:flex;align-items:center;gap:10px}.fav-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e293bcc;border:1px solid #334155;border-radius:8px;min-width:260px;transition:all .15s}.fav-search-box:focus-within{border-color:#4ebabd;box-shadow:0 0 0 2px #4ebabd1a}.fav-search-box svg{color:#475569;flex-shrink:0}.fav-search-box input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.85rem}.fav-search-box input::placeholder{color:#475569}.fav-stats-bar{display:flex;align-items:center;gap:0;padding:14px 20px;background:#1e293b99;border:1px solid #334155;border-radius:10px;margin-bottom:20px;width:fit-content}.fav-stat-item{display:flex;align-items:center;gap:10px;padding:0 16px}.fav-stat-item:first-child{padding-left:0}.fav-stat-divider{width:1px;height:28px;background:#334155}.fav-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.fav-stat-icon.projects{background:#4ebabd1a;color:#4ebabd}.fav-stat-icon.documents{background:#8b5cf61a;color:#8b5cf6}.fav-stat-info{display:flex;flex-direction:column;gap:1px}.fav-stat-number{font-size:1.125rem;font-weight:700;color:#f1f5f9;line-height:1}.fav-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.fav-filter-bar{margin-bottom:24px}.fav-tabs{display:flex;gap:2px;background:#1e293b99;border:1px solid #334155;border-radius:8px;padding:3px;width:fit-content}.fav-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.fav-tab:hover{color:#94a3b8;background:#ffffff08}.fav-tab.active{background:#4ebabd1a;color:#4ebabd;font-weight:600}.fav-section{margin-bottom:28px}.fav-section:last-child{margin-bottom:0}.fav-section-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.fav-section-header svg{opacity:.6}.fav-section-count{background:#334155;color:#94a3b8;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.fav-items{display:flex;flex-direction:column;gap:6px}.fav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#1e293b80;border:1px solid rgba(51,65,85,.6);border-radius:10px;cursor:pointer;transition:all .15s ease}.fav-item:hover{background:#1e293bcc;border-color:#4ebabd4d}.fav-item-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.fav-item-icon.project{background:#4ebabd1a;color:#4ebabd;border:1px solid rgba(78,186,189,.15)}.fav-item-icon.document{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.15)}.fav-item-body{flex:1;min-width:0}.fav-item-body h3{font-size:.9rem;font-weight:600;color:#e2e8f0;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-item-meta{font-size:.775rem;color:#64748b}.fav-star-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;border-radius:6px;color:#fbbf24;cursor:pointer;transition:all .15s;flex-shrink:0;opacity:.7}.fav-item:hover .fav-star-btn{opacity:1}.fav-star-btn:hover{background:#ef44441a;color:#ef4444}.fav-chevron{color:#334155;flex-shrink:0;transition:color .15s}.fav-item:hover .fav-chevron{color:#64748b}.fav-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:6rem 2rem;color:#64748b;font-size:.9rem}.fav-spinner{animation:fav-spin 1s linear infinite;color:#4ebabd}@keyframes fav-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 6rem;text-align:center}.fav-empty-visual{position:relative;margin-bottom:28px}.fav-empty-circle{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf241f,#f59e0b0f);border:2px solid rgba(251,191,36,.2);border-radius:50%;color:#fbbf24}.fav-empty-dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.fav-empty-dots span{width:6px;height:6px;border-radius:50%;background:#334155}.fav-empty-dots span:nth-child(2){background:#475569}.fav-empty h2{font-size:1.35rem;font-weight:700;color:#f1f5f9;margin:0 0 10px}.fav-empty p{font-size:.9rem;color:#64748b;margin:0 0 28px;max-width:360px;line-height:1.6}.fav-empty p .inline-star{display:inline;vertical-align:middle;color:#fbbf24;margin:0 2px}.fav-browse-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fav-browse-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ebabd4d}.fav-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.fav-no-results svg{color:#334155;margin-bottom:16px}.fav-no-results h3{font-size:1.1rem;font-weight:600;color:#94a3b8;margin:0 0 6px}.fav-no-results p{font-size:.85rem;color:#64748b;margin:0}@media (max-width: 768px){.favorites-page{padding:16px}.fav-page-header{flex-direction:column;align-items:flex-start}.fav-header-right{width:100%}.fav-search-box{width:100%;min-width:unset}.fav-stats-bar{width:100%}.fav-stat-item{flex:1;justify-content:center}.fav-tabs{width:100%}.fav-tab{flex:1;justify-content:center}.fav-item{padding:12px}.fav-item-icon{width:36px;height:36px}.fav-item-body h3{font-size:.85rem}.fav-empty{padding:3rem 1.5rem 4rem}}.subscription-management-page{width:100%;min-height:100vh;background:#0a0f1a}.page-header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem;color:#fff;border-bottom:1px solid rgba(71,85,105,.3)}.header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;margin:0 0 8px;color:#f8fafc}.header-content h1 svg{color:#4ebabd}.header-content p{color:#94a3b8;margin:0;font-size:.95rem}.tabs{display:flex;gap:4px;padding:0 2rem;background:#0f172a;border-bottom:1px solid rgba(71,85,105,.4)}.tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:transparent;border:none;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab:hover{color:#e2e8f0;background:#4ebabd1a}.tab.active{color:#4ebabd;border-bottom-color:#4ebabd;background:#4ebabd1a}.tab-content{padding:2rem;background:#0a0f1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.loading-state .spin{animation:spin 1s linear infinite;color:#4ebabd}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.revenue .stat-icon{background:#10b98133;color:#34d399}.stat-card.arr .stat-icon{background:#3b82f633;color:#60a5fa}.stat-card.customers .stat-icon{background:#4ebabd33;color:#4ebabd}.stat-card.churn .stat-icon{background:#f59e0b33;color:#fbbf24}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:#94a3b8;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:#f8fafc}.stat-change{display:flex;align-items:center;gap:4px;font-size:.8rem;margin-top:4px}.stat-change.positive{color:#34d399}.stat-change.negative{color:#f87171}.stat-sub{font-size:.8rem;color:#64748b;margin-top:4px}.quick-stats-row{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px}.quick-stat{flex:1;display:flex;align-items:center;gap:12px;padding:.75rem 1rem;border-right:1px solid rgba(71,85,105,.4)}.quick-stat:last-child{border-right:none}.quick-stat svg{color:#4ebabd}.quick-stat div{display:flex;flex-direction:column}.qs-label{font-size:.75rem;color:#64748b}.qs-value{font-size:1.1rem;font-weight:600;color:#f8fafc}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.overview-card{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:1.5rem}.overview-card.full-width{grid-column:span 2}.overview-card h3{font-size:1rem;font-weight:600;color:#f8fafc;margin:0 0 1rem}.plan-distribution{display:flex;flex-direction:column;gap:12px}.plan-item{display:flex;flex-direction:column;gap:6px}.plan-info{display:flex;justify-content:space-between;align-items:center}.plan-count{font-weight:600;color:#e2e8f0}.plan-bar{height:8px;background:#33415580;border-radius:4px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:4px;transition:width .3s}.plan-bar-fill.free{background:linear-gradient(90deg,#64748b,#94a3b8)}.plan-bar-fill.starter{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.plan-bar-fill.professional{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.plan-bar-fill.enterprise{background:linear-gradient(90deg,#4ebabd,#5eced1)}.recent-orders{display:flex;flex-direction:column;gap:12px}.recent-order-item{display:flex;align-items:center;gap:12px;padding:10px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:8px}.order-info{flex:1;display:flex;flex-direction:column}.order-number{font-weight:600;color:#e2e8f0;font-size:.9rem}.order-tenant{font-size:.8rem;color:#64748b}.order-amount{font-weight:600;color:#34d399}.revenue-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding-top:1rem}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,#4ebabd,#2c7181);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:30px}.bar-value{font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap}.bar-label{font-size:.75rem;color:#64748b;margin-top:8px}.pricing-plans-section{margin-top:2rem}.pricing-plans-section h3{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:1rem}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.plan-card{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:1.25rem;transition:all .2s}.plan-card:hover{transform:translateY(-2px);border-color:#4ebabd80;box-shadow:0 4px 20px #0000004d}.plan-card.enterprise{border-color:#4ebabd80;background:linear-gradient(135deg,#4ebabd1a,#1e293bcc)}.plan-header h4{font-size:1rem;font-weight:600;color:#f8fafc;margin:0 0 8px}.plan-price{margin-bottom:1rem}.plan-price .price{font-size:1.5rem;font-weight:700;color:#4ebabd}.plan-price .period{font-size:.85rem;color:#64748b}.plan-limits{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#94a3b8}.plan-limits div{display:flex;align-items:center;gap:6px}.plan-limits svg{color:#4ebabd}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters{display:flex;gap:12px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:8px;min-width:250px}.search-box input{border:none;outline:none;font-size:.9rem;width:100%;background:transparent;color:#e2e8f0}.search-box input::placeholder{color:#64748b}.filters select{padding:8px 12px;border:1px solid rgba(71,85,105,.5);border-radius:8px;font-size:.9rem;background:#1e293bcc;color:#e2e8f0;cursor:pointer}.filters select option{background:#1e293b;color:#e2e8f0}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4ebabd66}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:#e2e8f0;border:1px solid rgba(71,85,105,.5);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#4755694d;border-color:#4ebabd80}.btn-ghost{padding:10px 20px;background:transparent;color:#94a3b8;border:none;border-radius:8px;font-size:.9rem;cursor:pointer}.btn-ghost:hover{color:#e2e8f0;background:#4755694d}.data-table-container{background:#0f172a;border:1px solid rgba(71,85,105,.4);border-radius:12px;overflow:visible}.data-table{width:100%;border-collapse:collapse;background:transparent}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(51,65,85,.5);background:transparent}.data-table th{background:#1e293bcc;font-weight:600;color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{font-size:.9rem;color:#e2e8f0}.data-table tbody tr{background:#0f172af2;transition:background .2s}.data-table tbody tr:hover{background:#1e293bcc}.tenant-cell{display:flex;align-items:center;gap:10px}.tenant-cell svg{color:#64748b}.order-number-cell{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:#4ebabd}.amount-cell{font-weight:600;color:#34d399}.capitalize{text-transform:capitalize}.invoice-link{display:flex;align-items:center;gap:6px;color:#4ebabd;font-size:.85rem}.invoice-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-success{background:#10b98133;color:#34d399}.status-info{background:#3b82f633;color:#60a5fa}.status-warning{background:#f59e0b33;color:#fbbf24}.status-danger{background:#ef444433;color:#f87171}.status-secondary{background:#64748b33;color:#94a3b8}.plan-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.plan-free{background:#64748b33;color:#cbd5e1}.plan-individual{background:#10b98133;color:#6ee7b7}.plan-starter{background:#3b82f633;color:#93c5fd}.plan-pro{background:#8b5cf633;color:#c4b5fd}.plan-enterprise{background:#4ebabd33;color:#4ebabd}.plan-custom{background:#ec489933;color:#f472b6}.action-cell{position:static;display:flex;gap:8px}.action-cell-wrapper{position:relative}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#33415566;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#4ebabd33;border-color:#4ebabd80;color:#4ebabd}.action-menu{position:fixed;background:linear-gradient(135deg,#1e293bfc,#0f172afc);border:1px solid rgba(71,85,105,.6);border-radius:10px;box-shadow:0 10px 40px #0009,0 0 0 1px #4ebabd1a;z-index:9999;min-width:180px;overflow:hidden;padding:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:actionMenuFadeIn .15s ease-out}@keyframes actionMenuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:6px;font-size:.9rem;color:#e2e8f0;cursor:pointer;transition:all .15s;text-align:left}.action-menu button:hover{background:#4ebabd26;color:#4ebabd}.action-menu button.danger{color:#f87171}.action-menu button.danger:hover{background:#ef444426;color:#ef4444}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:1.5rem;background:transparent}.pagination button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:6px;font-size:.9rem;color:#e2e8f0;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#4ebabd33;border-color:#4ebabd80;color:#4ebabd}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:.9rem;color:#94a3b8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(71,85,105,.5);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(71,85,105,.4)}.modal-header h2{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#33415580;border:none;border-radius:8px;color:#94a3b8;cursor:pointer}.close-btn:hover{background:#475569cc;color:#f8fafc}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:#94a3b8;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:#0f172acc;border:1px solid rgba(71,85,105,.5);border-radius:6px;color:#e2e8f0;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd26}.form-group input[type=date]{cursor:pointer}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:1.5rem;border-top:1px solid rgba(71,85,105,.4)}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.detail-section h4{font-size:.9rem;font-weight:600;color:#94a3b8;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(51,65,85,.5)}.detail-row span:first-child{color:#94a3b8}.detail-row span:last-child{color:#e2e8f0}.detail-row.total{border-bottom:none;padding-top:12px;margin-top:8px;border-top:2px solid rgba(71,85,105,.5)}.detail-row.total span:last-child{color:#4ebabd;font-weight:700;font-size:1.1rem}.line-items-section h4{font-size:.9rem;font-weight:600;color:#94a3b8;margin:0 0 12px}.line-items-table{width:100%;border-collapse:collapse;background:transparent}.line-items-table th,.line-items-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(51,65,85,.5);font-size:.9rem}.line-items-table th{background:#1e293b80;font-weight:600;color:#94a3b8}.line-items-table td{color:#e2e8f0}.text-warning{color:#fbbf24}@media (max-width: 1200px){.stats-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid,.overview-grid{grid-template-columns:1fr}.overview-card.full-width{grid-column:span 1}.quick-stats-row{flex-wrap:wrap}.quick-stat{flex:1 1 45%;border-right:none}.plans-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;gap:1rem;align-items:flex-start}.filters{flex-wrap:wrap}.order-detail-grid{grid-template-columns:1fr}}.plans-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.plans-tab .header-actions{display:flex;gap:.75rem}.plan-modal{max-width:800px;width:90%;background:#1e293b}.plan-modal .modal-header{background:#0f172a;border-bottom:1px solid rgba(71,85,105,.4)}.plan-modal .modal-header h2{color:#f8fafc}.plan-modal .modal-body{padding:1.5rem;background:#1e293b}.plan-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.plan-modal .form-group label{font-size:.875rem;font-weight:500;color:#94a3b8}.plan-modal .form-group input[type=text],.plan-modal .form-group input[type=number],.plan-modal .form-group textarea{padding:.75rem;border:1px solid rgba(71,85,105,.4);border-radius:8px;font-size:.875rem;transition:border-color .2s;background:#0f172a;color:#f8fafc}.plan-modal .form-group input::placeholder,.plan-modal .form-group textarea::placeholder{color:#64748b}.plan-modal .form-group input:focus,.plan-modal .form-group textarea:focus{outline:none;border-color:#4ebabd}.plan-modal textarea{resize:vertical;min-height:60px}.plan-modal .modal-footer{background:#0f172a;border-top:1px solid rgba(71,85,105,.4)}.icon-btn.danger{color:#f87171}.icon-btn.danger:hover{background:#f8717126;color:#ef4444}.activity-log-page{padding:24px;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:16px}.header-icon{color:#4ebabd}.header-left h1{font-size:1.75rem;font-weight:600;color:#f1f5f9;margin:0}.header-left p{font-size:.875rem;color:#94a3b8;margin:4px 0 0}.header-actions{display:flex;gap:12px;align-items:center}.btn-icon{width:40px;height:40px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#334155;color:#f1f5f9;border-color:#475569}.btn-icon.active{background:#4ebabd;color:#fff;border-color:#4ebabd}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#334155;border-color:#475569}.export-dropdown{position:relative}.export-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:8px;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:100}.export-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{width:100%;padding:10px 12px;border:none;background:transparent;color:#e2e8f0;text-align:left;border-radius:6px;cursor:pointer;font-size:.875rem}.dropdown-menu button:hover{background:#334155}.filters-panel{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;margin-bottom:20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:500}.filter-group select,.filter-group input{padding:10px 12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:.875rem}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#4ebabd}.filters-actions{margin-top:16px;display:flex;justify-content:flex-end}.btn-text{background:transparent;border:none;color:#4ebabd;cursor:pointer;font-size:.875rem;padding:8px 12px}.btn-text:hover{text-decoration:underline}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293b;border:1px solid #334155;border-radius:10px;margin-bottom:20px}.search-bar svg{color:#64748b}.search-bar input{flex:1;border:none;background:transparent;color:#f1f5f9;font-size:.9375rem;outline:none}.search-bar input::placeholder{color:#64748b}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:#4ebabd}.stat-label{display:block;font-size:.75rem;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:12px}.loading-state svg,.error-state svg,.empty-state svg{color:#64748b;margin-bottom:16px}.loading-state p,.empty-state p{color:#94a3b8}.empty-state h3{color:#f1f5f9;margin:0 0 8px}.error-state{color:#f87171}.error-state button{margin-top:12px;padding:8px 16px;background:#4ebabd;color:#fff;border:none;border-radius:6px;cursor:pointer}.logs-table-container{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table th{padding:14px 16px;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#0f172a;border-bottom:1px solid #334155;font-weight:600}.logs-table td{padding:14px 16px;border-bottom:1px solid #1e293b;color:#e2e8f0;font-size:.875rem;vertical-align:middle}.logs-table tbody tr{background:#1e293b;transition:background .15s}.logs-table tbody tr:hover{background:#273449}.logs-table tbody tr:last-child td{border-bottom:none}.timestamp-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#94a3b8}.timestamp-cell svg{color:#64748b}.user-cell{display:flex;align-items:center;gap:10px}.user-cell svg{color:#4ebabd}.user-cell>div{display:flex;flex-direction:column}.user-email{color:#f1f5f9}.user-id{font-size:.75rem;color:#64748b}.ip-cell{display:flex;align-items:center;gap:8px;color:#94a3b8;font-family:Monaco,Consolas,monospace;font-size:.8125rem}.ip-cell svg{color:#64748b}.details-cell{max-width:200px}.details-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-size:.8125rem;cursor:help}.action-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.action-default{background:#64748b33;color:#94a3b8}.action-success{background:#22c55e26;color:#4ade80}.action-warning{background:#fbbf2426;color:#fbbf24}.action-danger{background:#ef444426;color:#f87171}.action-info{background:#4ebabd26;color:#4ebabd}.resource-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#64748b26;border-radius:4px;font-size:.8125rem;color:#cbd5e1}.resource-badge svg{color:#64748b}.resource-id{font-size:.75rem;color:#64748b;margin-left:4px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px}.pagination button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#334155;border-color:#475569}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#94a3b8;font-size:.875rem}@media (max-width: 1024px){.logs-table{display:block;overflow-x:auto}}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.stats-summary{grid-template-columns:repeat(2,1fr)}}.email-settings-page{width:100%;min-height:100vh;background:linear-gradient(180deg,#050810,#0a1020,#0d1528);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.email-settings-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#64748b;gap:1rem}.email-settings-page .loading-state .spinner{animation:spin 1s linear infinite;color:#4ebabd}.email-settings-page .page-header{background:linear-gradient(135deg,#0a1020f2,#141e32e6);padding:2.5rem 3rem;border-bottom:1px solid rgba(78,186,189,.1);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.email-settings-page .page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(78,186,189,.3),transparent)}.email-settings-page .page-header:after{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(78,186,189,.03) 0%,transparent 70%);pointer-events:none}.email-settings-page .header-content h1{display:flex;align-items:center;gap:14px;font-size:1.5rem;font-weight:700;margin:0 0 6px;color:#f1f5f9;letter-spacing:-.02em}.email-settings-page .header-content h1 svg{color:#4ebabd;filter:drop-shadow(0 0 8px rgba(78,186,189,.4))}.email-settings-page .header-content p{color:#64748b;margin:0;font-size:.875rem;font-weight:400}.email-settings-page .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#4ebabd14;color:#4ebabd;border:1px solid rgba(78,186,189,.2);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.email-settings-page .refresh-btn:hover{background:#4ebabd26;border-color:#4ebabd66;transform:translateY(-1px);box-shadow:0 4px 20px #4ebabd26}.email-settings-page .refresh-btn:active{transform:translateY(0)}.email-settings-page .status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:2rem 3rem}.email-settings-page .stat-card{background:linear-gradient(145deg,#0f172a99,#141e3266);border:1px solid rgba(51,65,85,.3);border-radius:16px;padding:1.25rem 1.5rem;display:flex;gap:1rem;align-items:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-settings-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.email-settings-page .stat-card:hover{border-color:#4ebabd40;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 0 1px #4ebabd0d}.email-settings-page .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.email-settings-page .stat-card.enabled .stat-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981;box-shadow:0 0 20px #10b9811a}.email-settings-page .stat-card.disabled .stat-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#f59e0b;box-shadow:0 0 20px #f59e0b1a}.email-settings-page .stat-card.info .stat-icon{background:linear-gradient(135deg,#4ebabd26,#4ebabd0d);color:#4ebabd;box-shadow:0 0 20px #4ebabd1a}.email-settings-page .stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.email-settings-page .stat-label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.email-settings-page .stat-value{font-size:.85rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-settings-page .content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 3rem 3rem}@media (max-width: 1400px){.email-settings-page .status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.email-settings-page .content-grid{grid-template-columns:1fr}.email-settings-page .status-grid,.email-settings-page .content-grid,.email-settings-page .page-header{padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){.email-settings-page .status-grid{grid-template-columns:1fr}}.email-settings-page .panel{background:linear-gradient(145deg,#0f172ab3,#141e3280);border:1px solid rgba(51,65,85,.3);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.email-settings-page .panel:hover{border-color:#4ebabd26;box-shadow:0 10px 40px #0003}.email-settings-page .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(51,65,85,.3);background:#0f172a80}.email-settings-page .panel-header h2{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:#e2e8f0;margin:0;text-transform:uppercase;letter-spacing:.04em}.email-settings-page .panel-header h2 svg{color:#4ebabd;opacity:.8}.email-settings-page .icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3341554d;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.email-settings-page .icon-btn:hover{background:#4ebabd26;border-color:#4ebabd4d;color:#4ebabd}.email-settings-page .config-list{padding:.75rem 1.5rem}.email-settings-page .config-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(51,65,85,.2)}.email-settings-page .config-item:last-child{border-bottom:none}.email-settings-page .config-label{color:#64748b;font-size:.8rem;font-weight:500}.email-settings-page .config-value{color:#cbd5e1;font-weight:500;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;background:#0003;padding:4px 10px;border-radius:6px}.email-settings-page .config-badge{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.email-settings-page .config-badge.active{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.email-settings-page .config-badge.inactive{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.email-settings-page .config-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#f59e0b0d;border-top:1px solid rgba(245,158,11,.15);color:#fbbf24;font-size:.8rem}.email-settings-page .config-notice code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.email-settings-page .test-form{padding:1.5rem}.email-settings-page .form-group{margin-bottom:1.25rem}.email-settings-page .form-group label{display:block;font-size:.75rem;font-weight:600;color:#94a3b8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.email-settings-page .form-group input,.email-settings-page .form-group select{width:100%;padding:12px 16px;background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:10px;color:#e2e8f0;font-size:.875rem;font-family:inherit;transition:all .2s}.email-settings-page .form-group input:focus,.email-settings-page .form-group select:focus{outline:none;border-color:#4ebabd80;box-shadow:0 0 0 3px #4ebabd1a;background:#0f172acc}.email-settings-page .form-group input::placeholder{color:#475569}.email-settings-page .form-group select option{background:#1e293b;color:#e2e8f0}.email-settings-page .send-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#4ebabd,#2d8a8d);border:none;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.email-settings-page .send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.email-settings-page .send-btn:hover:not(:disabled):before{left:100%}.email-settings-page .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ebabd59}.email-settings-page .send-btn:active:not(:disabled){transform:translateY(0)}.email-settings-page .send-btn:disabled{opacity:.5;cursor:not-allowed}.email-settings-page .send-btn .spinner{animation:spin 1s linear infinite}.email-settings-page .test-result{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:1rem;border-radius:10px}.email-settings-page .test-result.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.25);color:#34d399}.email-settings-page .test-result.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.25);color:#f87171}.email-settings-page .test-result strong{display:block;margin-bottom:4px;font-size:.8rem}.email-settings-page .test-result p{margin:0;font-size:.8rem;opacity:.9}.email-settings-page .simulated-badge{display:inline-block;margin-top:.5rem;padding:4px 8px;background:#00000040;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.03em}.email-settings-page .template-count{font-size:.7rem;font-weight:600;color:#4ebabd;background:#4ebabd1a;padding:4px 12px;border-radius:20px;border:1px solid rgba(78,186,189,.2)}.email-settings-page .templates-list{max-height:380px;overflow-y:auto}.email-settings-page .template-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(51,65,85,.2);transition:all .2s}.email-settings-page .template-item:hover{background:#4ebabd08}.email-settings-page .template-item:last-child{border-bottom:none}.email-settings-page .template-info h4{font-size:.85rem;font-weight:600;color:#e2e8f0;margin:0 0 4px;text-transform:capitalize}.email-settings-page .template-info p{font-size:.75rem;color:#64748b;margin:0}.email-settings-page .preview-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3341554d;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.email-settings-page .preview-btn:hover{background:#4ebabd26;border-color:#4ebabd4d;color:#4ebabd}.email-settings-page .stats-panel .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.email-settings-page .stat-item{text-align:center;padding:1.25rem 1rem;background:linear-gradient(145deg,#0f172a80,#141e324d);border:1px solid rgba(51,65,85,.25);border-radius:12px;transition:all .2s}.email-settings-page .stat-item:hover{border-color:#4ebabd33}.email-settings-page .stats-panel .stat-item .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#4ebabd;margin-bottom:4px;letter-spacing:-.02em}.email-settings-page .stats-panel .stat-item .stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.email-settings-page .stats-note{padding:1rem 1.5rem;background:#00000026;border-top:1px solid rgba(51,65,85,.2)}.email-settings-page .stats-note p{margin:0;font-size:.75rem;color:#64748b}.email-settings-page .preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.email-settings-page .preview-content{width:100%;max-width:800px;max-height:90vh;background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid rgba(78,186,189,.2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 0 1px #4ebabd1a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-settings-page .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#0f172acc;border-bottom:1px solid rgba(51,65,85,.3)}.email-settings-page .preview-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;color:#f1f5f9}.email-settings-page .preview-header h3 svg{color:#4ebabd}.email-settings-page .close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#33415566;border:1px solid rgba(71,85,105,.3);border-radius:10px;color:#94a3b8;font-size:1.25rem;cursor:pointer;transition:all .2s}.email-settings-page .close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.email-settings-page .preview-body{flex:1;overflow:hidden;background:#f8fafc}.email-settings-page .preview-body iframe{width:100%;height:500px;border:none}.email-settings-page .preview-footer{padding:1rem 1.5rem;background:#0f172acc;border-top:1px solid rgba(51,65,85,.3)}.email-settings-page .download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#4ebabd1a;border:1px solid rgba(78,186,189,.25);border-radius:8px;color:#4ebabd;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.email-settings-page .download-btn:hover{background:#4ebabd33;border-color:#4ebabd66}.email-settings-page .templates-list::-webkit-scrollbar{width:6px}.email-settings-page .templates-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.email-settings-page .templates-list::-webkit-scrollbar-thumb{background:#4ebabd40;border-radius:3px}.email-settings-page .templates-list::-webkit-scrollbar-thumb:hover{background:#4ebabd66}.settings-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:24px 32px;color:#e2e8f0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title{display:flex;align-items:center;gap:16px}.settings-title svg{color:#4ebabd}.settings-title h1{font-size:1.75rem;font-weight:700;margin:0;color:#f1f5f9}.settings-title p{margin:4px 0 0;font-size:.875rem;color:#94a3b8}.settings-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.settings-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd4d}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.settings-save-btn .spin{animation:spin 1s linear infinite}.settings-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.settings-message.success{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.settings-message.error{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.settings-content{display:flex;gap:24px}.settings-tabs{display:flex;flex-direction:column;gap:4px;width:220px;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.settings-tab:hover{background:#94a3b81a;color:#e2e8f0}.settings-tab.active{background:#4ebabd26;color:#4ebabd}.settings-panel{flex:1;background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:24px}.settings-section h2{font-size:1.25rem;font-weight:600;margin:0 0 4px;color:#f1f5f9}.section-description{font-size:.875rem;color:#64748b;margin:0 0 24px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:#e2e8f0}.form-group input,.form-group select{padding:10px 14px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-size:.9rem;outline:none;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd26}.form-group input.disabled{background:#0f172a4d;color:#64748b;cursor:not-allowed}.form-hint{font-size:.75rem;color:#64748b}.toggle-group{flex-direction:row;align-items:center;justify-content:space-between;padding:16px;background:#0f172a4d;border-radius:8px}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-info label,.toggle-info .form-hint{margin:0}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:#4ebabd}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.theme-options{display:flex;gap:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#0f172a80;border:2px solid rgba(148,163,184,.2);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s}.theme-option:hover{border-color:#94a3b866;color:#e2e8f0}.theme-option.active{border-color:#4ebabd;background:#4ebabd1a;color:#4ebabd}.theme-option span{font-size:.8rem;font-weight:500}@media (max-width: 768px){.settings-page{padding:16px}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-content{flex-direction:column}.settings-tabs{width:100%;flex-direction:row;overflow-x:auto}.settings-tab{white-space:nowrap}.toggle-group{flex-direction:column;align-items:flex-start;gap:12px}.theme-options{flex-wrap:wrap}.form-row{flex-direction:column}}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group label svg{vertical-align:-2px;margin-right:4px;color:var(--accent, #4EBABD)}.profile-subscription-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border, rgba(255, 255, 255, .1))}.profile-subscription-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 1rem}.profile-subscription-section h3 svg{color:var(--accent, #4EBABD)}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.sub-item{background:var(--bg-tertiary, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.sub-label{font-size:.75rem;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500}.sub-value{font-size:.95rem;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:6px;text-transform:capitalize}.sub-status.active{color:#10b981}.sub-status.expired{color:#ef4444}.sub-days.warning{color:#f97316}.sub-days.critical{color:#ef4444}.settings-upgrade-btn{display:block;width:100%;margin-top:1rem;padding:.65rem 1rem;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4ebabd33}.settings-upgrade-btn:hover{box-shadow:0 6px 20px #4ebabd59;transform:translateY(-1px)}.settings-enterprise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.settings-enterprise-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:16px}.settings-enterprise-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.settings-enterprise-card-name{font-size:14px;font-weight:600;color:#f1f5f9}.settings-enterprise-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.settings-enterprise-badge.active{background:#4ade801f;color:#4ade80}.settings-enterprise-badge.locked{background:#f59e0b1f;color:#d97706}.settings-enterprise-card-desc{font-size:12px;color:#94a3b8;margin:0 0 10px;line-height:1.4}.settings-enterprise-contact-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f11f;color:#818cf8;border:1px solid rgba(99,102,241,.25);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.settings-enterprise-contact-btn:hover{background:#6366f133}.order-history-table-wrap{overflow-x:auto;margin-top:.75rem}.order-history-table{width:100%;border-collapse:collapse;font-size:.78rem}.order-history-table th{text-align:left;padding:.5rem .6rem;color:#64748b;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.06)}.order-history-table td{padding:.55rem .6rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.order-num-cell{display:flex;flex-direction:column;gap:.15rem}.order-num{font-family:monospace;font-size:.72rem;color:#94a3b8}.order-invoice{font-size:.65rem;color:#475569}.order-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:capitalize}.order-date-cell{white-space:nowrap;color:#94a3b8;font-size:.75rem}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:#0f172a;border-radius:16px;width:90%;max-width:650px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #1e293b;background:linear-gradient(135deg,#1e293b,#0f172a)}.feedback-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9;letter-spacing:-.02em}.feedback-modal-header p{margin:4px 0 0;font-size:.85rem;color:#64748b;font-weight:400}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#1e293b;color:#f1f5f9}.close-btn:active{transform:scale(.95)}.success-message,.error-message{display:flex;align-items:center;gap:12px;margin:16px 24px;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500;animation:slideDown .3s ease-out;border:1px solid}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.error-message{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.feedback-form{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#94a3b8;margin-bottom:8px;letter-spacing:.05em;text-transform:uppercase}.required{color:#ef4444;font-weight:700}.feedback-modal .form-group input,.feedback-modal .form-group select,.feedback-modal .form-group textarea{width:100%;padding:12px 16px;border:2px solid #334155;border-radius:8px;font-size:.9rem;color:#f1f5f9!important;background-color:#1e293b!important;background-image:none!important;transition:all .2s ease;font-family:inherit;font-weight:500}.feedback-modal .form-group input::placeholder,.feedback-modal .form-group textarea::placeholder{color:#64748b;font-weight:400}.feedback-modal .form-group input:focus,.feedback-modal .form-group select:focus,.feedback-modal .form-group textarea:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a;background-color:#1e293b!important;background-image:none!important}.feedback-modal .form-group input:disabled,.feedback-modal .form-group select:disabled,.feedback-modal .form-group textarea:disabled{background-color:#0f172a!important;background-image:none!important;cursor:not-allowed;opacity:.5;border-color:#1e293b}.feedback-modal .form-group select option{background-color:#1e293b!important;color:#f1f5f9!important;padding:10px}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.char-count{display:block;text-align:right;font-size:.75rem;color:#64748b;margin-top:6px;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.file-upload-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-upload{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#4ebabd;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-upload:hover:not(:disabled){background:#4ebabd33;border-color:#4ebabd80}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.btn-upload svg{flex-shrink:0}.upload-hint{font-size:.75rem;color:#64748b;font-weight:400}.selected-files{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;transition:all .2s ease}.file-item:hover{border-color:#475569;background:#1e3a4a}.file-item svg{color:#4ebabd;flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:.875rem;color:#f1f5f9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:#64748b}.btn-remove-file{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;color:#ef4444;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-file:hover:not(:disabled){background:#ef44441a}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #1e293b;background:#0f172a}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#4ebabd,#3aa8ab);border:none;color:#0f172a;box-shadow:0 2px 8px #4ebabd4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:1px solid #334155;color:#94a3b8}.btn-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569;color:#f1f5f9}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:18px;height:18px;border:2.5px solid rgba(78,186,189,.3);border-top-color:#0f172a;border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 640px){.feedback-modal{width:95%;max-height:95vh}.feedback-modal-header{padding:16px 20px}.feedback-modal-header h2{font-size:1.1rem}.feedback-form{padding:20px}.form-actions{flex-direction:column-reverse;padding:16px 20px}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.my-tickets-page{width:100%;padding:24px 32px;min-height:100vh}.tk-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.tk-header-left{display:flex;align-items:center;gap:14px}.tk-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#4ebabd1f;border:1px solid rgba(78,186,189,.2);border-radius:12px;color:#4ebabd}.tk-page-header h1{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.01em}.tk-page-header p{font-size:.875rem;color:#64748b;margin:2px 0 0}.tk-header-right{display:flex;align-items:center;gap:10px}.tk-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e293bcc;border:1px solid #334155;border-radius:8px;min-width:240px;transition:all .15s}.tk-search-box:focus-within{border-color:#4ebabd;box-shadow:0 0 0 2px #4ebabd1a}.tk-search-box svg{color:#475569;flex-shrink:0}.tk-search-box input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.85rem}.tk-search-box input::placeholder{color:#475569}.tk-refresh-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid #334155;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s;flex-shrink:0}.tk-refresh-btn:hover:not(:disabled){border-color:#4ebabd4d;color:#4ebabd;background:#4ebabd0d}.tk-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tk-spin{animation:tk-spin 1s linear infinite}@keyframes tk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tk-new-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tk-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4ebabd4d}.tk-new-btn:active{transform:translateY(0)}.tk-filter-bar{margin-bottom:24px}.tk-tabs{display:flex;gap:2px;background:#1e293b99;border:1px solid #334155;border-radius:8px;padding:3px;width:fit-content}.tk-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.tk-tab:hover{color:#94a3b8;background:#ffffff08}.tk-tab.active{background:#4ebabd1a;color:#4ebabd;font-weight:600}.tk-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#334155;color:#94a3b8;border-radius:10px;font-size:.675rem;font-weight:700;line-height:1}.tk-tab.active .tk-tab-count{background:#4ebabd33;color:#4ebabd}.tk-section-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.tk-section-header svg{opacity:.6}.tk-section-count{background:#334155;color:#94a3b8;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.tk-items{display:flex;flex-direction:column;gap:6px}.tk-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#1e293b80;border:1px solid rgba(51,65,85,.6);border-radius:10px;cursor:pointer;transition:all .15s ease}.tk-item:hover{background:#1e293bcc;border-color:#4ebabd4d}.tk-item-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0;border:1px solid transparent}.tk-item-body{flex:1;min-width:0}.tk-item-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.tk-item-body h3{font-size:.9rem;font-weight:600;color:#e2e8f0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tk-item-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.tk-priority-badge{padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tk-status-badge{padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:600;white-space:nowrap}.tk-item-meta{font-size:.775rem;color:#64748b;text-transform:capitalize}.tk-ticket-number{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.725rem;color:#475569;text-transform:none}.tk-replies{color:#4ebabd;font-weight:600}.tk-chevron{color:#334155;flex-shrink:0;transition:color .15s}.tk-item:hover .tk-chevron{color:#64748b}.tk-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:6rem 2rem;color:#64748b;font-size:.9rem}.tk-spinner{animation:tk-spin 1s linear infinite;color:#4ebabd}.tk-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:5rem 2rem;text-align:center}.tk-error svg{color:#ef4444;margin-bottom:8px}.tk-error h3{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin:0}.tk-error p{font-size:.875rem;color:#64748b;margin:0 0 16px;max-width:360px}.tk-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.tk-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4ebabd4d}.tk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 6rem;text-align:center}.tk-empty-visual{position:relative;margin-bottom:28px}.tk-empty-circle{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ebabd1f,#4ebabd0f);border:2px solid rgba(78,186,189,.2);border-radius:50%;color:#4ebabd}.tk-empty-dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.tk-empty-dots span{width:6px;height:6px;border-radius:50%;background:#334155}.tk-empty-dots span:nth-child(2){background:#475569}.tk-empty h2{font-size:1.35rem;font-weight:700;color:#f1f5f9;margin:0 0 10px}.tk-empty p{font-size:.9rem;color:#64748b;margin:0 0 28px;max-width:380px;line-height:1.6}.tk-create-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tk-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ebabd4d}.tk-pagination{display:flex;justify-content:center;margin-top:20px}.tk-load-more{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:transparent;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.825rem;font-weight:500;cursor:pointer;transition:all .15s}.tk-load-more:hover:not(:disabled){border-color:#4ebabd4d;color:#4ebabd;background:#4ebabd0d}.tk-load-more:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.my-tickets-page{padding:16px}.tk-page-header{flex-direction:column;align-items:flex-start}.tk-header-right{width:100%;flex-wrap:wrap}.tk-search-box{flex:1;min-width:unset}.tk-tabs{width:100%;overflow-x:auto}.tk-tab{flex:1;justify-content:center;padding:8px 10px;font-size:.75rem}.tk-item{padding:12px}.tk-item-icon{width:36px;height:36px}.tk-item-body h3{font-size:.85rem}.tk-item-badges{display:none}.tk-empty{padding:3rem 1.5rem 4rem}}@media (max-width: 480px){.tk-header-right{flex-direction:column;gap:8px}.tk-search-box{width:100%}.tk-new-btn{width:100%;justify-content:center}.tk-tab-count{display:none}}.superadmin-tickets-page{min-height:100vh;background:#0f172a;padding:40px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.header-content{display:flex;align-items:center;gap:20px}.header-icon{width:72px;height:72px;background:linear-gradient(135deg,#4ebabd,#3aa8ab);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#0f172a;box-shadow:0 10px 25px #4ebabd59}.page-header h1{margin:0;font-size:32px;font-weight:800;color:#f1f5f9;letter-spacing:-.03em}.page-header p{margin:6px 0 0;color:#94a3b8;font-size:16px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#1e293b;border-radius:16px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 12px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #334155}.stat-card:hover{box-shadow:0 8px 24px #4ebabd33;transform:translateY(-4px);border-color:#4ebabd}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.stat-card.total .stat-icon{background:linear-gradient(135deg,#4ebabd,#3aa8ab)}.stat-card.open .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.in-progress .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.resolved .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.rating .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:800;color:#f1f5f9;letter-spacing:-.02em}.filters-section{background:#1e293b;border-radius:16px;padding:24px;margin-bottom:28px;box-shadow:0 4px 12px #0000004d;border:1px solid #334155}.search-box{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0f172a;border:2px solid #334155;border-radius:12px;margin-bottom:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box:focus-within{border-color:#4ebabd;box-shadow:0 0 0 4px #4ebabd1a;background:#0f172a}.search-box svg{color:#64748b}.search-box input{flex:1;border:none;background:transparent;font-size:15px;color:#f1f5f9;outline:none;font-weight:500}.search-box input::placeholder{color:#64748b;font-weight:400}.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:13px;font-weight:700;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.filter-group select{width:100%;padding:12px 14px;border:2px solid #334155;border-radius:10px;font-size:15px;color:#f1f5f9;background:#0f172a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600}.filter-group select:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 4px #4ebabd1a}.filter-group.checkbox{display:flex;align-items:center;padding-bottom:12px}.filter-group.checkbox label{display:flex;align-items:center;gap:10px;margin-bottom:0;cursor:pointer;text-transform:none;font-weight:600}.filter-group.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4EBABD}.tickets-container{background:#1e293b;border-radius:16px;padding:28px;box-shadow:0 4px 12px #0000004d;min-height:450px;border:1px solid #334155}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;color:#94a3b8;text-align:center;max-width:600px;margin:0 auto}.spinner{width:52px;height:52px;border:4px solid #334155;border-top-color:#4ebabd;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}.loading-state p{font-size:16px;font-weight:500;color:#94a3b8}.error-state svg{color:#ef4444;margin-bottom:24px}.empty-state svg{color:#64748b;margin-bottom:24px;opacity:.6}.error-state h3,.empty-state h3{margin:0 0 16px;color:#f1f5f9;font-size:24px;font-weight:700;letter-spacing:-.02em}.error-state p,.empty-state p{margin:0 0 32px;color:#94a3b8;font-size:16px;line-height:1.6;max-width:400px}.btn-retry{padding:12px 28px;background:linear-gradient(135deg,#4ebabd,#3aa8ab);color:#0f172a;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #4ebabd4d}.btn-retry:hover{background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-2px);box-shadow:0 4px 14px #4ebabd66}.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{background:#0f172a;border:2px solid #334155;border-radius:14px;padding:24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ticket-card:hover{border-color:#4ebabd;box-shadow:0 8px 24px #4ebabd33;transform:translateY(-3px);background:#1e293b}.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ticket-number{font-size:13px;font-weight:700;color:#64748b;font-family:Courier New,monospace;letter-spacing:.5px}.ticket-meta{display:flex;align-items:center;gap:10px}.priority-badge{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.ticket-content h3{margin:0 0 10px;font-size:19px;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.ticket-content p{margin:0;font-size:15px;color:#94a3b8;line-height:1.65}.ticket-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:2px solid #1e293b}.ticket-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#64748b;font-weight:500}.customer{font-weight:700;color:#f1f5f9}.category{font-weight:600;color:#94a3b8;text-transform:capitalize}.separator{color:#475569}.assigned{color:#10b981;font-weight:700}.comments{font-weight:600;color:#4ebabd}.chevron{color:#64748b;transition:all .2s;flex-shrink:0}.ticket-card:hover .chevron{color:#4ebabd;transform:translate(6px)}.pagination{display:flex;justify-content:center;margin-top:28px}.btn-load-more{padding:14px 36px;background:#0f172a;border:2px solid #334155;border-radius:12px;font-size:15px;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .2s}.btn-load-more:hover:not(:disabled){background:#1e293b;border-color:#475569;transform:translateY(-2px);color:#f1f5f9}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.superadmin-tickets-page{padding:24px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.header-icon{width:56px;height:56px}.page-header h1{font-size:26px}.filter-row{flex-direction:column}.filter-group{width:100%}.ticket-header{flex-direction:column;align-items:flex-start;gap:10px}.ticket-meta{width:100%;justify-content:space-between}.ticket-info{flex-direction:column;align-items:flex-start;gap:6px}.separator{display:none}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.ticket-detail-page{min-height:100vh;background:#0f172a;padding:40px;width:100%}.ticket-detail-page .page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.ticket-detail-page .btn-back{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#4ebabd;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.ticket-detail-page .btn-back svg{flex-shrink:0;display:block}.ticket-detail-page .btn-back:hover{background:#4ebabd33;border-color:#4ebabd80}.ticket-detail-page .ticket-number{font-size:.875rem;font-weight:700;color:#64748b;font-family:Courier New,monospace;letter-spacing:.5px}.ticket-detail-page .ticket-info-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.ticket-detail-page .ticket-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(71,85,105,.3)}.ticket-detail-page .ticket-title-section h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 1rem;line-height:1.3}.ticket-detail-page .ticket-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ticket-detail-page .status-badge{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600}.ticket-detail-page .priority-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ticket-detail-page .category-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:#4755694d;border-radius:6px;font-size:.8125rem;color:#94a3b8;font-weight:500}.ticket-detail-page .ticket-body{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.ticket-detail-page .ticket-description h3{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.ticket-detail-page .ticket-description p{font-size:.9375rem;color:#cbd5e1;line-height:1.7;margin:0;white-space:pre-wrap}.ticket-detail-page .ticket-details{display:flex;flex-direction:column;gap:1rem}.ticket-detail-page .detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:8px}.ticket-detail-page .detail-item svg{color:#4ebabd;flex-shrink:0;margin-top:.125rem}.ticket-detail-page .detail-item>div{display:flex;flex-direction:column;gap:.25rem}.ticket-detail-page .detail-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ticket-detail-page .detail-value{font-size:.875rem;color:#f1f5f9;font-weight:500}.ticket-detail-page .attachments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.3)}.ticket-detail-page .attachments-section h4{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.ticket-detail-page .attachments-section h4 svg{color:#4ebabd}.ticket-detail-page .attachments-list{display:flex;flex-direction:column;gap:.625rem}.ticket-detail-page .attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:8px;transition:all .2s ease}.ticket-detail-page .attachment-item:hover{border-color:#4ebabd4d;background:#4ebabd0d}.ticket-detail-page .attachment-item svg:first-child{color:#4ebabd;flex-shrink:0}.ticket-detail-page .attachment-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.ticket-detail-page .attachment-name{font-size:.875rem;color:#f1f5f9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-detail-page .attachment-size{font-size:.75rem;color:#64748b}.ticket-detail-page .btn-download-attachment{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:6px;color:#4ebabd;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ticket-detail-page .btn-download-attachment:hover{background:#4ebabd33;border-color:#4ebabd80}.ticket-detail-page .btn-download-attachment svg{flex-shrink:0}.ticket-detail-page .rating-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.3)}.ticket-detail-page .rating-section h3{font-size:.9375rem;font-weight:600;color:#f1f5f9;margin:0 0 1rem}.ticket-detail-page .star-rating{display:flex;gap:.5rem;margin-bottom:.75rem}.ticket-detail-page .star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s}.ticket-detail-page .star-btn:hover:not(:disabled){transform:scale(1.1)}.ticket-detail-page .star-btn:disabled{cursor:not-allowed;opacity:.6}.ticket-detail-page .star-btn svg{color:#f59e0b;stroke:#f59e0b}.ticket-detail-page .rating-text{font-size:.875rem;color:#94a3b8;margin:0}.ticket-detail-page .comments-section{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;padding:2rem}.ticket-detail-page .comments-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(71,85,105,.3)}.ticket-detail-page .comments-header svg{color:#4ebabd}.ticket-detail-page .comments-header h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0}.ticket-detail-page .comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.ticket-detail-page .no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.ticket-detail-page .no-comments svg{color:#334155;margin-bottom:1rem;opacity:.5}.ticket-detail-page .no-comments p{color:#64748b;font-size:.9375rem;margin:0}.ticket-detail-page .comment-card{padding:1.25rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:10px}.ticket-detail-page .comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.ticket-detail-page .comment-author{display:flex;align-items:center;gap:.5rem}.ticket-detail-page .comment-author svg{color:#64748b;flex-shrink:0}.ticket-detail-page .author-name{font-size:.875rem;font-weight:600;color:#f1f5f9}.ticket-detail-page .internal-badge{padding:.125rem .5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:4px;font-size:.6875rem;color:#a78bfa;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ticket-detail-page .comment-time{font-size:.75rem;color:#64748b}.ticket-detail-page .comment-content{font-size:.9375rem;color:#cbd5e1;line-height:1.6;white-space:pre-wrap}.ticket-detail-page .add-comment-form{padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.3)}.ticket-detail-page .add-comment-form h3{font-size:.9375rem;font-weight:600;color:#f1f5f9;margin:0 0 1rem}.ticket-detail-page .add-comment-form textarea{width:100%;padding:.875rem;background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:8px;color:#f1f5f9;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease}.ticket-detail-page .add-comment-form textarea:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.ticket-detail-page .add-comment-form textarea::placeholder{color:#64748b}.ticket-detail-page .add-comment-form textarea:disabled{opacity:.6;cursor:not-allowed}.ticket-detail-page .form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.ticket-detail-page .btn-submit{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#4ebabd,#3aa8ab);color:#0f172a;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4ebabd40}.ticket-detail-page .btn-submit svg{flex-shrink:0;display:block}.ticket-detail-page .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd59}.ticket-detail-page .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.ticket-detail-page .btn-submit .spin{animation:spin 1s linear infinite}.ticket-detail-page .closed-notice{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#47556933;border:1px solid rgba(71,85,105,.3);border-radius:8px;margin-top:1.5rem}.ticket-detail-page .closed-notice svg{color:#64748b;flex-shrink:0}.ticket-detail-page .closed-notice p{color:#94a3b8;font-size:.875rem;margin:0}.ticket-detail-page .loading-state,.ticket-detail-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b;text-align:center;min-height:400px}.ticket-detail-page .loading-state .spinner{width:52px;height:52px;border:4px solid #334155;border-top-color:#4ebabd;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.ticket-detail-page .loading-state p{font-size:.875rem;color:#64748b}.ticket-detail-page .error-state svg{color:#ef4444;margin-bottom:1.5rem}.ticket-detail-page .error-state h3{margin:0 0 .75rem;color:#f1f5f9;font-size:1.25rem;font-weight:700}.ticket-detail-page .error-state p{margin:0 0 1.5rem;color:#94a3b8;font-size:.9375rem}@media (max-width: 768px){.ticket-detail-page{padding:1rem}.ticket-detail-page .ticket-info-card,.ticket-detail-page .comments-section{padding:1.5rem}.ticket-detail-page .ticket-body{grid-template-columns:1fr;gap:1.5rem}.ticket-detail-page .ticket-title-section h1{font-size:1.375rem}.ticket-detail-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.ticket-detail-page .btn-back{width:100%;justify-content:center}}.admin-ticket-detail-page{min-height:100vh;background:#0f172a;padding:40px;width:100%}.admin-ticket-detail-page .page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.admin-ticket-detail-page .btn-back{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#4ebabd;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-ticket-detail-page .btn-back svg{flex-shrink:0;display:block}.admin-ticket-detail-page .btn-back:hover{background:#4ebabd33;border-color:#4ebabd80}.admin-ticket-detail-page .ticket-number{font-size:.875rem;font-weight:700;color:#64748b;font-family:Courier New,monospace;letter-spacing:.5px}.admin-ticket-detail-page .header-actions{margin-left:auto;display:flex;gap:.75rem}.admin-ticket-detail-page .btn-edit{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-ticket-detail-page .btn-edit svg{flex-shrink:0;display:block}.admin-ticket-detail-page .btn-edit:hover{background:#3b82f633;border-color:#3b82f680}.admin-ticket-detail-page .btn-cancel{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#6b72801a;border:1px solid rgba(107,114,128,.3);border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-ticket-detail-page .btn-cancel svg{flex-shrink:0;display:block}.admin-ticket-detail-page .btn-cancel:hover{background:#6b728033;border-color:#6b728080}.admin-ticket-detail-page .btn-save{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#4ebabd,#3aa8ab);color:#0f172a;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4ebabd40}.admin-ticket-detail-page .btn-save svg{flex-shrink:0;display:block}.admin-ticket-detail-page .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd59}.admin-ticket-detail-page .btn-save:disabled{opacity:.6;cursor:not-allowed}.admin-ticket-detail-page .btn-save .spin{animation:spin 1s linear infinite}.admin-ticket-detail-page .ticket-info-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.admin-ticket-detail-page .ticket-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(71,85,105,.3)}.admin-ticket-detail-page .ticket-title-section h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 1rem;line-height:1.3}.admin-ticket-detail-page .ticket-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-ticket-detail-page .status-badge{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600}.admin-ticket-detail-page .priority-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.admin-ticket-detail-page .category-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:#4755694d;border-radius:6px;font-size:.8125rem;color:#94a3b8;font-weight:500}.admin-ticket-detail-page .edit-controls{display:flex;gap:1rem;flex-wrap:wrap}.admin-ticket-detail-page .edit-group{display:flex;flex-direction:column;gap:.5rem}.admin-ticket-detail-page .edit-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-ticket-detail-page .edit-group select{padding:.5rem .75rem;background:#1e293b;border:1px solid rgba(71,85,105,.4);border-radius:6px;color:#f1f5f9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-ticket-detail-page .edit-group select:hover{border-color:#47556999}.admin-ticket-detail-page .edit-group select:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.admin-ticket-detail-page .edit-group select option{background:#1e293b;color:#f1f5f9}.admin-ticket-detail-page .ticket-body{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.admin-ticket-detail-page .ticket-description h3{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.admin-ticket-detail-page .ticket-description p{font-size:.9375rem;color:#cbd5e1;line-height:1.7;margin:0;white-space:pre-wrap}.admin-ticket-detail-page .ticket-details{display:flex;flex-direction:column;gap:1rem}.admin-ticket-detail-page .detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:8px}.admin-ticket-detail-page .detail-item svg{color:#4ebabd;flex-shrink:0;margin-top:.125rem}.admin-ticket-detail-page .detail-item>div{display:flex;flex-direction:column;gap:.25rem}.admin-ticket-detail-page .detail-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-ticket-detail-page .detail-value{font-size:.875rem;color:#f1f5f9;font-weight:500}.admin-ticket-detail-page .attachments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.3)}.admin-ticket-detail-page .attachments-section h4{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.admin-ticket-detail-page .attachments-section h4 svg{color:#4ebabd}.admin-ticket-detail-page .attachments-list{display:flex;flex-direction:column;gap:.625rem}.admin-ticket-detail-page .attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:8px;transition:all .2s ease}.admin-ticket-detail-page .attachment-item:hover{border-color:#4ebabd4d;background:#4ebabd0d}.admin-ticket-detail-page .attachment-item svg:first-child{color:#4ebabd;flex-shrink:0}.admin-ticket-detail-page .attachment-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.admin-ticket-detail-page .attachment-name{font-size:.875rem;color:#f1f5f9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ticket-detail-page .attachment-size{font-size:.75rem;color:#64748b}.admin-ticket-detail-page .btn-download-attachment{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#4ebabd1a;border:1px solid rgba(78,186,189,.3);border-radius:6px;color:#4ebabd;cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-ticket-detail-page .btn-download-attachment:hover{background:#4ebabd33;border-color:#4ebabd80}.admin-ticket-detail-page .btn-download-attachment svg{flex-shrink:0}.admin-ticket-detail-page .comments-section{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);border-radius:16px;padding:2rem}.admin-ticket-detail-page .comments-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(71,85,105,.3)}.admin-ticket-detail-page .comments-header svg{color:#4ebabd}.admin-ticket-detail-page .comments-header h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0}.admin-ticket-detail-page .comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin-ticket-detail-page .no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.admin-ticket-detail-page .no-comments svg{color:#334155;margin-bottom:1rem;opacity:.5}.admin-ticket-detail-page .no-comments p{color:#64748b;font-size:.9375rem;margin:0}.admin-ticket-detail-page .comment-card{padding:1.25rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:10px}.admin-ticket-detail-page .comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.admin-ticket-detail-page .comment-author{display:flex;align-items:center;gap:.5rem}.admin-ticket-detail-page .comment-author svg{color:#64748b;flex-shrink:0}.admin-ticket-detail-page .author-name{font-size:.875rem;font-weight:600;color:#f1f5f9}.admin-ticket-detail-page .internal-badge{padding:.125rem .5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:4px;font-size:.6875rem;color:#a78bfa;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-ticket-detail-page .comment-time{font-size:.75rem;color:#64748b}.admin-ticket-detail-page .comment-content{font-size:.9375rem;color:#cbd5e1;line-height:1.6;white-space:pre-wrap}.admin-ticket-detail-page .add-comment-form{padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.3)}.admin-ticket-detail-page .add-comment-form h3{font-size:.9375rem;font-weight:600;color:#f1f5f9;margin:0 0 1rem}.admin-ticket-detail-page .add-comment-form textarea{width:100%;padding:.875rem;background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:8px;color:#f1f5f9;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease}.admin-ticket-detail-page .add-comment-form textarea:focus{outline:none;border-color:#4ebabd;box-shadow:0 0 0 3px #4ebabd1a}.admin-ticket-detail-page .add-comment-form textarea::placeholder{color:#64748b}.admin-ticket-detail-page .add-comment-form textarea:disabled{opacity:.6;cursor:not-allowed}.admin-ticket-detail-page .form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.admin-ticket-detail-page .internal-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-ticket-detail-page .internal-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.admin-ticket-detail-page .internal-checkbox span{font-size:.875rem;color:#94a3b8;font-weight:500}.admin-ticket-detail-page .btn-submit{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#4ebabd,#3aa8ab);color:#0f172a;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4ebabd40}.admin-ticket-detail-page .btn-submit svg{flex-shrink:0;display:block}.admin-ticket-detail-page .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#5fc9cc,#4ebabd);transform:translateY(-1px);box-shadow:0 4px 12px #4ebabd59}.admin-ticket-detail-page .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-ticket-detail-page .loading-state,.admin-ticket-detail-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b;text-align:center;min-height:400px}.admin-ticket-detail-page .loading-state .spinner{width:52px;height:52px;border:4px solid #334155;border-top-color:#4ebabd;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.admin-ticket-detail-page .loading-state p{font-size:.875rem;color:#64748b}.admin-ticket-detail-page .error-state svg{color:#ef4444;margin-bottom:1.5rem}.admin-ticket-detail-page .error-state h3{margin:0 0 .75rem;color:#f1f5f9;font-size:1.25rem;font-weight:700}.admin-ticket-detail-page .error-state p{margin:0 0 1.5rem;color:#94a3b8;font-size:.9375rem}@media (max-width: 768px){.admin-ticket-detail-page{padding:1rem}.admin-ticket-detail-page .ticket-info-card,.admin-ticket-detail-page .comments-section{padding:1.5rem}.admin-ticket-detail-page .ticket-body{grid-template-columns:1fr;gap:1.5rem}.admin-ticket-detail-page .ticket-title-section h1{font-size:1.375rem}.admin-ticket-detail-page .page-header{flex-wrap:wrap}.admin-ticket-detail-page .header-actions{width:100%;justify-content:flex-end}.admin-ticket-detail-page .edit-controls{flex-direction:column}.admin-ticket-detail-page .form-actions{flex-direction:column;align-items:flex-start;gap:1rem}.admin-ticket-detail-page .btn-submit{width:100%;justify-content:center}}.website-data-page{padding:2rem 2.5rem;min-height:100%;max-width:1600px;margin:0 auto}.website-data-page .page-title{margin:0 0 .35rem;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.02em}.website-data-page .page-subtitle{margin:0 0 1.75rem;color:#7a7a90;font-size:.88rem}.tabs-container{display:flex;gap:.35rem;padding:.35rem;background:#13132a;border:1px solid #1f1f3a;border-radius:10px;margin-bottom:1.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border:none;background:transparent;color:#6b6b80;font-size:.82rem;font-weight:500;cursor:pointer;border-radius:7px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff0a;color:#b0b0c0}.tab-btn.active{background:#1e1e38;color:#00d4aa;font-weight:600;box-shadow:0 1px 3px #00000040}.tab-btn.active svg{color:#00d4aa}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.875rem;padding:1.1rem 1.25rem;background:#161630;border:1px solid #1f1f3a;border-radius:10px;transition:border-color .2s}.stat-card:hover{border-color:#2a2a4a}.stat-icon.visitors{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.today{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.week{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.conversions{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.contacts{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.new{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.responded{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.leads{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-icon.converted{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.subscribed{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.website-data-page .toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.875rem;flex-wrap:wrap}.toolbar-left{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;background:#13132a;border:1px solid #1f1f3a;border-radius:8px;min-width:280px;transition:border-color .2s}.search-box:focus-within{border-color:#00d4aa44;box-shadow:0 0 0 3px #00d4aa0f}.search-box svg{color:#4a4a60;flex-shrink:0;width:16px;height:16px}.search-box input{flex:1;background:transparent;border:none;color:#e0e0e8;font-size:.85rem;outline:none;min-width:0}.search-box input::placeholder{color:#4a4a60}.filter-select{padding:.5rem 2rem .5rem .875rem;background:#13132a;border:1px solid #1f1f3a;border-radius:8px;color:#c0c0d0;font-size:.85rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b6b80' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;transition:border-color .2s}.filter-select:hover,.filter-select:focus{border-color:#2a2a4a}.filter-select option{background:#13132a;color:#e0e0e8}.toolbar-right{display:flex;gap:.4rem}.toolbar-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:#161630;border:1px solid #1f1f3a;border-radius:8px;color:#7a7a90;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-btn svg{width:15px;height:15px}.toolbar-btn:hover{background:#1e1e38;color:#c0c0d0;border-color:#2a2a4a}.toolbar-btn.export-btn{background:#10b9811a;border-color:#10b98133;color:#34d399}.toolbar-btn.export-btn:hover{background:#10b9812e;border-color:#10b98159}.toolbar-btn.delete-btn{background:#ef44441a;border-color:#ef444433;color:#f87171}.toolbar-btn.delete-btn:hover{background:#ef44442e;border-color:#ef444459}.toolbar-btn.import-btn{background:#8b5cf61a;border-color:#8b5cf633;color:#a78bfa}.toolbar-btn.import-btn:hover{background:#8b5cf62e;border-color:#8b5cf659}.bulk-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#00d4aa}.selected-row{background:#00d4aa0d!important}.selected-row:hover{background:#00d4aa14!important}.table-container{background:#131328;border:1px solid #1f1f3a;border-radius:10px;overflow:hidden;margin-bottom:1rem}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.data-table thead{background:#0f0f24}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.68rem;font-weight:600;color:#5a5a70;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #1a1a35;white-space:nowrap}.data-table td{padding:.75rem 1rem;color:#c0c0d0;font-size:.84rem;border-bottom:1px solid #17172e;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#ffffff05}.data-table th:first-child,.data-table td:first-child{width:44px;text-align:center}.data-table th:last-child,.data-table td:last-child{width:90px;text-align:center}.visitor-info,.contact-info,.lead-info{display:flex;flex-direction:column;gap:.15rem}.visitor-name,.contact-name,.lead-name{font-weight:500;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.visitor-company,.contact-phone,.lead-phone{font-size:.72rem;color:#5a5a70;display:flex;align-items:center;gap:.3rem}.visitor-company svg,.contact-phone svg,.lead-phone svg{flex-shrink:0}.data-table a{color:#00d4aa;text-decoration:none;transition:color .15s}.data-table a:hover{color:#00f0c0;text-decoration:underline}.cell-truncate{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap}.source-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;background:#ffffff0a;border:1px solid #1f1f3a;border-radius:5px;font-size:.72rem;font-weight:500;color:#7a7a90;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.inquiry-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);border-radius:5px;font-size:.72rem;font-weight:500;color:#60a5fa;white-space:nowrap}.converted-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:#10b9811a;border-radius:5px;color:#34d399;font-size:.72rem;font-weight:600}.not-converted-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:#6b728014;border-radius:5px;color:#6b6b80;font-size:.72rem;font-weight:500}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.2rem .5rem;border-radius:5px;font-size:.75rem;font-weight:700}.score-badge.high{background:#10b9811f;color:#34d399}.score-badge.medium{background:#f59e0b1f;color:#fbbf24}.score-badge.low{background:#6b72801a;color:#9ca3af}.status-select{padding:.35rem 1.75rem .35rem .5rem;background:#161630;border:1px solid #1f1f3a;border-radius:5px;color:#c0c0d0;font-size:.78rem;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%235a5a70' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;transition:border-color .15s;min-width:100px}.status-select:hover{border-color:#2a2a4a}.status-select:focus{border-color:#00d4aa44}.status-select option{background:#161630}.action-buttons{display:flex;gap:.35rem;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.action-btn.view{background:#00d4aa14;border-color:#00d4aa1f;color:#00d4aa}.action-btn.view:hover{background:#00d4aa;border-color:#00d4aa;color:#0a0a1a}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#5a5a70;text-align:center}.loading-state svg.spin{animation:wdp-spin 1s linear infinite;color:#00d4aa}@keyframes wdp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state span{margin-top:.75rem;font-size:.85rem}.empty-state svg{margin-bottom:.75rem;opacity:.3;color:#4a4a60}.empty-state h3{margin:0 0 .35rem;font-size:1.1rem;font-weight:600;color:#b0b0c0}.empty-state p{margin:0;font-size:.85rem;color:#5a5a70}.pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 0}.pagination-info{font-size:.8rem;color:#5a5a70}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.page-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#161630;border:1px solid #1f1f3a;border-radius:7px;color:#7a7a90;cursor:pointer;transition:all .15s}.page-btn:hover:not(:disabled){background:#1e1e38;color:#e0e0e8;border-color:#2a2a4a}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-number{font-size:.8rem;color:#6b6b80;padding:0 .25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content.detail-modal{width:100%;max-width:660px;max-height:85vh;background:#161630;border:1px solid #1f1f3a;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid #1a1a35;background:#111128}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0a;border:1px solid #1f1f3a;border-radius:7px;color:#6b6b80;cursor:pointer;transition:all .15s}.modal-close:hover{background:#ffffff14;color:#e0e0e8}.modal-body{padding:1.5rem;overflow-y:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.detail-item{display:flex;flex-direction:column;gap:.35rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#5a5a70}.detail-item span,.detail-item a{font-size:.9rem;color:#e0e0e8;word-break:break-word}.detail-item a{color:#00d4aa}.detail-item a:hover{text-decoration:underline}.message-box,.notes-box{padding:.875rem 1rem;background:#0f0f24;border:1px solid #1a1a35;border-radius:8px;font-size:.85rem;color:#c0c0d0;line-height:1.65;white-space:pre-wrap}.tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#00d4aa1a;border:1px solid rgba(0,212,170,.15);border-radius:999px;font-size:.72rem;font-weight:600;color:#00d4aa}.import-modal{max-width:480px;width:90%}.import-modal .modal-header h2{display:flex;align-items:center;gap:.5rem}.import-modal .modal-header h2 svg{color:#8b5cf6}.import-instructions{padding:.875rem 1rem;background:#8b5cf60f;border:1px solid rgba(139,92,246,.12);border-radius:8px;margin-bottom:1.25rem}.import-instructions p{margin:0 0 .625rem;color:#7a7a90;font-size:.85rem}.template-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .875rem;background:transparent;border:1px solid rgba(139,92,246,.25);border-radius:6px;color:#a78bfa;font-size:.8rem;cursor:pointer;transition:all .2s}.template-btn:hover{background:#8b5cf614;border-color:#8b5cf666}.import-form{display:flex;flex-direction:column;gap:1rem}.import-form .form-group{display:flex;flex-direction:column;gap:.4rem}.import-form .form-group label{font-size:.78rem;font-weight:500;color:#7a7a90}.import-form .form-group input[type=text]{padding:.6rem .875rem;background:#0f0f24;border:1px solid #1f1f3a;border-radius:7px;color:#e0e0e8;font-size:.88rem}.import-form .form-group input[type=text]:focus{outline:none;border-color:#8b5cf666;box-shadow:0 0 0 3px #8b5cf614}.file-upload-area{position:relative}.file-upload-area input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.75rem;background:#0f0f24;border:2px dashed #1f1f3a;border-radius:10px;color:#5a5a70;font-size:.85rem;text-align:center;cursor:pointer;transition:all .2s}.file-upload-area:hover .file-upload-label{border-color:#8b5cf659;background:#8b5cf608}.file-upload-label svg{color:#8b5cf6}.file-upload-label .file-name{color:#a78bfa;font-weight:600}.import-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #1a1a35}.btn-cancel{padding:.6rem 1.25rem;background:#ffffff0a;border:1px solid #1f1f3a;border-radius:7px;color:#b0b0c0;font-size:.85rem;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:#ffffff0f;border-color:#2a2a4a}.btn-import{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:7px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-import:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf64d}.btn-import:disabled{opacity:.5;cursor:not-allowed}.import-results{display:flex;flex-direction:column;gap:1.25rem}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.result-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;border-radius:10px;text-align:center}.result-item.success{background:#10b98114;border:1px solid rgba(16,185,129,.15)}.result-item.success svg{color:#10b981}.result-item.updated{background:#3b82f614;border:1px solid rgba(59,130,246,.15)}.result-item.updated svg{color:#3b82f6}.result-item.skipped{background:#f59e0b14;border:1px solid rgba(245,158,11,.15)}.result-item.skipped svg{color:#f59e0b}.result-item .count{font-size:1.5rem;font-weight:700;color:#fff}.result-item .label{font-size:.72rem;color:#6b6b80;text-transform:uppercase;letter-spacing:.04em}.import-errors{padding:.875rem 1rem;background:#ef44440f;border:1px solid rgba(239,68,68,.12);border-radius:8px}.import-errors h4{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;color:#f87171;font-size:.85rem}.import-errors ul{margin:0;padding-left:1.25rem}.import-errors li{color:#fca5a5;font-size:.8rem;margin-bottom:.2rem}.cell-center{text-align:center}.cell-date{font-size:.8rem;color:#5a5a70}.cell-subtext{display:block;color:#5a5a70;font-size:.75rem;margin-top:.15rem}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.website-data-page{padding:1.25rem}.website-data-page .toolbar{flex-direction:column;align-items:stretch}.toolbar-left{width:100%}.search-box{flex:1;min-width:200px}.toolbar-right{justify-content:flex-end}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-grid{grid-template-columns:1fr}.search-box{min-width:100%}.filter-select{flex:1}}.or-page{padding:0}.or-header{margin-bottom:1.5rem}.or-header h1{font-size:1.5rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.or-header p{font-size:.85rem;color:#64748b;margin:0}.or-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.or-stats-loading{display:flex;align-items:center;gap:.5rem;padding:2rem;color:#64748b;font-size:.85rem}.or-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(51,65,85,.4);border-radius:10px;transition:all .2s ease}.or-stat-card:hover{border-color:#4ebabd33;background:#ffffff08}.or-stat-card.total{border-color:#4ebabd4d;background:#4ebabd0d}.or-stat-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#4ebabd1a;color:#4ebabd;flex-shrink:0}.or-stat-icon.pending{background:#fbbf241a;color:#fbbf24}.or-stat-icon.active{background:#22c55e1a;color:#22c55e}.or-stat-icon.expired{background:#ef44441a;color:#ef4444}.or-stat-icon.paid{background:#34d3991a;color:#34d399}.or-stat-icon.dropoff{background:#94a3b81a;color:#94a3b8}.or-stat-icon.demo{background:#8b5cf61a;color:#8b5cf6}.or-stat-icon.trial{background:#4ebabd1a;color:#4ebabd}.or-stat-body{display:flex;flex-direction:column}.or-stat-value{font-size:1.25rem;font-weight:700;color:#f8fafc;line-height:1.2}.or-stat-label{font-size:.7rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.or-tabs{display:flex;gap:.25rem;border-bottom:1px solid rgba(51,65,85,.4);margin-bottom:1rem}.or-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:none;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.or-tab:hover{color:#e2e8f0}.or-tab.active{color:#4ebabd;border-bottom-color:#4ebabd}.or-tab-content{min-height:300px}.or-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.or-toolbar-title{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:600;flex:1}.or-count{background:#4ebabd26;color:#4ebabd;padding:.1rem .5rem;border-radius:10px;font-size:.7rem}.or-search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid rgba(51,65,85,.5);border-radius:8px;min-width:280px;flex:1}.or-search-box svg{color:#64748b;flex-shrink:0}.or-search-box input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:.8rem;outline:none}.or-search-box input::placeholder{color:#475569}.or-clear-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex}.or-clear-btn:hover{color:#e2e8f0}.or-filters{display:flex;gap:.5rem}.or-filters select{padding:.45rem .75rem;background:#ffffff08;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:#e2e8f0;font-size:.8rem;cursor:pointer;outline:none}.or-filters select option{background:#1e293b;color:#e2e8f0}.or-toolbar-actions{display:flex;gap:.5rem}.or-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid rgba(51,65,85,.5);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.or-btn.secondary{background:transparent;color:#94a3b8}.or-btn.secondary:hover{border-color:#4ebabd4d;color:#e2e8f0}.or-btn.primary{background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border-color:transparent}.or-btn.primary:hover{opacity:.9;box-shadow:0 4px 12px #4ebabd4d}.or-btn:disabled{opacity:.5;cursor:not-allowed}.or-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(51,65,85,.3);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.or-icon-btn:hover{border-color:#4ebabd4d;color:#e2e8f0}.or-icon-btn.danger:hover{border-color:#ef444466;color:#ef4444;background:#ef444414}.or-loading,.or-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.5rem;color:#64748b}.or-empty p{font-size:.9rem;color:#94a3b8;margin:0}.or-empty span{font-size:.75rem}.or-table-wrapper{overflow-x:auto;border:1px solid rgba(51,65,85,.3);border-radius:10px}.or-table{width:100%;border-collapse:collapse}.or-table thead th{padding:.65rem .75rem;text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;border-bottom:1px solid rgba(51,65,85,.3)}.or-table tbody td{padding:.6rem .75rem;font-size:.8rem;color:#e2e8f0;border-bottom:1px solid rgba(51,65,85,.15)}.or-table tbody tr:hover{background:#4ebabd08}.or-table tbody tr:last-child td{border-bottom:none}.or-cell-name{display:flex;align-items:center;gap:.5rem}.or-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.or-email{font-size:.8rem;color:#cbd5e1}.or-domain{display:block;font-size:.65rem;color:#475569}.or-domain-cell{font-family:monospace;color:#94a3b8;font-size:.8rem}.or-date{font-size:.75rem;color:#64748b}.or-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600;white-space:nowrap}.or-status-badge.orange{background:#fbbf241a;color:#fbbf24}.or-status-badge.blue{background:#3b82f61a;color:#3b82f6}.or-status-badge.green{background:#22c55e1a;color:#22c55e}.or-status-badge.emerald{background:#34d3991a;color:#34d399}.or-status-badge.red{background:#ef44441a;color:#ef4444}.or-status-badge.gray{background:#94a3b81a;color:#94a3b8}.or-type-badge{display:inline-flex;padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600;white-space:nowrap}.or-type-badge.purple{background:#8b5cf61a;color:#a78bfa}.or-type-badge.teal{background:#4ebabd1a;color:#4ebabd}.or-reason-badge{display:inline-flex;padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600}.or-reason-badge.personal{background:#fbbf241a;color:#fbbf24}.or-reason-badge.competitor{background:#ef44441a;color:#ef4444}.or-reason-badge.spam{background:#94a3b81a;color:#94a3b8}.or-reason-badge.other{background:#3b82f61a;color:#3b82f6}.or-action-menu{position:relative}.or-action-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.or-action-trigger:hover{border-color:#33415580;color:#e2e8f0}.or-action-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#1e293b;border:1px solid rgba(51,65,85,.6);border-radius:8px;padding:.3rem;z-index:100;box-shadow:0 8px 24px #0006;animation:or-dd-in .12s ease}@keyframes or-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.or-action-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .65rem;background:transparent;border:none;color:#94a3b8;font-size:.75rem;cursor:pointer;border-radius:6px;transition:all .15s ease}.or-action-dropdown button:hover{background:#4ebabd14;color:#e2e8f0}.or-action-dropdown button.danger:hover{background:#ef44441a;color:#ef4444}.or-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-top:.5rem}.or-pagination-info{font-size:.75rem;color:#64748b}.or-pagination-controls{display:flex;align-items:center;gap:.5rem}.or-pagination-controls span{font-size:.75rem;color:#94a3b8}.or-pagination-controls button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(51,65,85,.4);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.or-pagination-controls button:hover:not(:disabled){border-color:#4ebabd;color:#4ebabd}.or-pagination-controls button:disabled{opacity:.3;cursor:not-allowed}.or-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.or-modal{width:560px;max-height:80vh;background:#1a2236;border:1px solid rgba(51,65,85,.5);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.or-modal.small{width:420px}.or-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(51,65,85,.3)}.or-modal-header h2{font-size:1rem;font-weight:600;color:#f8fafc;margin:0}.or-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .15s ease}.or-close:hover{color:#e2e8f0;background:#ffffff0d}.or-modal-body{padding:1.25rem;overflow-y:auto}.or-modal-desc{font-size:.85rem;color:#94a3b8;margin:0 0 1rem}.or-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.or-detail-row{display:flex;flex-direction:column;gap:.15rem}.or-detail-label{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.or-detail-value{font-size:.85rem;color:#e2e8f0}.or-detail-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(51,65,85,.3)}.or-detail-text{font-size:.85rem;color:#cbd5e1;line-height:1.6;margin:.25rem 0 0;white-space:pre-wrap}.or-form-group{margin-bottom:.75rem}.or-form-group label{display:block;font-size:.75rem;font-weight:600;color:#94a3b8;margin-bottom:.3rem}.or-form-group input,.or-form-group select{width:100%;padding:.55rem .75rem;background:#ffffff08;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:#e2e8f0;font-size:.85rem;outline:none;transition:border-color .2s ease}.or-form-group input:focus,.or-form-group select:focus{border-color:#4ebabd}.or-form-group select option{background:#1e293b;color:#e2e8f0}.or-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid rgba(51,65,85,.3)}.or-inline-select{padding:.3rem .5rem;background:#ffffff08;border:1px solid rgba(51,65,85,.5);border-radius:6px;color:#e2e8f0;font-size:.8rem;cursor:pointer;outline:none;transition:border-color .2s ease}.or-inline-select:focus{border-color:#4ebabd}.or-inline-select option{background:#1e293b;color:#e2e8f0}.or-notes-textarea{width:100%;padding:.6rem .75rem;background:#ffffff08;border:1px solid rgba(51,65,85,.5);border-radius:8px;color:#e2e8f0;font-size:.8rem;font-family:inherit;resize:vertical;outline:none;margin-top:.35rem;transition:border-color .2s ease}.or-notes-textarea:focus{border-color:#4ebabd}.or-notes-textarea::placeholder{color:#475569}.or-save-notes-btn{margin-top:.5rem;padding:.35rem .75rem;font-size:.75rem}.or-save-notes-btn:disabled{opacity:.4;cursor:not-allowed}.or-detail-danger-zone{margin-top:16px;padding-top:16px;border-top:1px solid rgba(239,68,68,.2)}.or-detail-danger-zone .or-detail-label{color:#ef4444}.or-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;margin-top:8px}.or-btn-delete:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.or-btn-delete:disabled{opacity:.5;cursor:not-allowed}.or-engagement-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:capitalize}.or-engagement-badge.new{background:#64748b33;color:#94a3b8}.or-engagement-badge.never_logged_in{background:#ef444426;color:#ef4444}.or-engagement-badge.reminded{background:#fbbf2426;color:#fbbf24}.or-engagement-badge.inactive_reminded{background:#fb923c26;color:#fb923c}.or-engagement-badge.exploring{background:#60a5fa26;color:#60a5fa}.or-engagement-badge.active{background:#22c55e26;color:#22c55e}.or-engagement-badge.inactive{background:#ef444426;color:#f87171}.or-engagement-badge.converted{background:#10b98126;color:#10b981}.or-login-count{font-size:.75rem;color:#94a3b8;font-variant-numeric:tabular-nums}.or-email-history{margin-top:1rem}.or-email-history h3{font-size:.85rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem;display:flex;align-items:center;gap:6px}.or-email-log-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.or-email-log-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1e293b80;border-radius:6px;font-size:.75rem}.or-email-log-item .email-type{color:#60a5fa;font-weight:500;min-width:120px}.or-email-log-item .email-subject{color:#cbd5e1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-email-log-item .email-date{color:#64748b;font-size:.7rem;white-space:nowrap}.or-email-log-item .email-status{font-size:.65rem;padding:1px 6px;border-radius:8px;font-weight:600}.or-email-log-item .email-status.sent{background:#22c55e26;color:#22c55e}.or-email-log-item .email-status.failed{background:#ef444426;color:#ef4444}.or-email-log-item .email-status.skipped{background:#64748b33;color:#94a3b8}.or-no-emails{color:#64748b;font-size:.8rem;text-align:center;padding:1rem}.or-resend-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:.75rem}.or-resend-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid rgba(96,165,250,.3);background:#60a5fa14;color:#60a5fa;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.or-resend-btn:hover{background:#60a5fa26;border-color:#60a5fa80}.or-resend-btn:disabled{opacity:.4;cursor:not-allowed}.or-run-job-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid rgba(16,185,129,.3);background:#10b98114;color:#10b981;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.or-run-job-btn:hover{background:#10b98126;border-color:#10b98180}.or-engagement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1rem}.or-engagement-stat{background:#1e293b66;border:1px solid rgba(51,65,85,.5);border-radius:8px;padding:12px;text-align:center}.or-engagement-stat .stat-value{font-size:1.3rem;font-weight:700;color:#f1f5f9}.or-engagement-stat .stat-label{font-size:.7rem;color:#64748b;margin-top:2px}@media (max-width: 1200px){.or-stats-grid,.or-engagement-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.or-stats-grid{grid-template-columns:1fr}.or-toolbar{flex-direction:column}.or-search-box{min-width:100%}.or-detail-grid,.or-engagement-stats{grid-template-columns:1fr}}.up-page{position:relative;height:100vh;overflow-y:auto;overflow-x:hidden;background:#080c14;padding:0 1.5rem 4rem}.up-page::-webkit-scrollbar{width:5px}.up-page::-webkit-scrollbar-track{background:transparent}.up-page::-webkit-scrollbar-thumb{background:#4ebabd33;border-radius:3px}.up-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(120px);opacity:.25;z-index:0}.up-glow-1{top:-80px;left:20%;width:500px;height:400px;background:radial-gradient(circle,#4EBABD 0%,transparent 70%)}.up-glow-2{bottom:-120px;right:10%;width:450px;height:350px;background:radial-gradient(circle,#818cf8 0%,transparent 70%)}.up-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.up-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:60vh;color:#64748b;font-size:.9rem}.up-retry{margin-top:.5rem;padding:.5rem 1.25rem;background:#1e6b72;color:#fff;border:none;border-radius:8px;cursor:pointer}.up-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1rem}.up-back{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#94a3b8;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.up-back:hover{color:#e2e8f0;background:#ffffff12}.up-current-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:#22c55e14;border:1px solid rgba(34,197,94,.15);border-radius:20px;color:#22c55e;font-size:.72rem;font-weight:600}.up-hero{text-align:center;padding:.5rem 0 2rem}.up-hero h1{font-size:2.25rem;font-weight:800;color:#f8fafc;margin:0 0 .6rem;letter-spacing:-.6px;background:linear-gradient(135deg,#f8fafc 30%,#4ebabd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.up-hero p{font-size:1rem;color:#64748b;margin:0 auto;max-width:540px;line-height:1.6}.up-billing{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.up-billing-toggle{position:relative;display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:3px}.up-billing-toggle button{position:relative;z-index:1;padding:.45rem 1.4rem;background:transparent;border:none;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:8px;transition:color .25s}.up-billing-toggle button.active{color:#f8fafc}.up-billing-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#4ebabd26;border:1px solid rgba(78,186,189,.2);border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.up-billing-slider.right{transform:translate(100%)}.up-save-tag{padding:.2rem .55rem;background:#22c55e1f;color:#22c55e;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.3px}.up-error{text-align:center;padding:.75rem 1.25rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#f87171;font-size:.82rem;margin-bottom:1.5rem}.up-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.up-card{position:relative;display:flex;flex-direction:column;padding:1.75rem 1.4rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.up-card:hover{border-color:#4ebabd2e;transform:translateY(-4px);box-shadow:0 16px 48px #00000059}.up-card-popular{border-color:#4ebabd4d!important;background:#4ebabd06!important;box-shadow:0 0 60px #4ebabd0d}.up-card-current{border-color:#22c55e40!important;background:#22c55e05!important}.up-card-enterprise{border-color:#f59e0b33!important;background:linear-gradient(165deg,#f59e0b05,#ffffff03)!important}.up-ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;padding:.22rem .9rem;border-radius:0 0 8px 8px;font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff}.up-ribbon-current{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.2);border-top:none}.up-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;margin-bottom:1rem}.up-card-name{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem}.up-card-desc{font-size:.75rem;color:#64748b;margin:0 0 1.1rem;line-height:1.45;min-height:2.2em}.up-card-price{display:flex;align-items:baseline;gap:.15rem;margin-bottom:.2rem}.up-price-dollar{font-size:1.15rem;font-weight:600;color:#94a3b8}.up-price-amount{font-size:2.5rem;font-weight:800;color:#f8fafc;line-height:1;letter-spacing:-1px}.up-price-sub{font-size:.75rem;color:#475569;font-weight:500;margin-left:.15rem}.up-card-annual{font-size:.68rem;color:#475569;margin-bottom:1rem}.up-card-limits{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.up-limit{display:flex;align-items:center;gap:.25rem;padding:.18rem .45rem;background:#ffffff08;border-radius:6px;font-size:.68rem;color:#94a3b8;white-space:nowrap}.up-limit svg{color:#4ebabd;flex-shrink:0}.up-card-features{list-style:none;padding:0;margin:0 0 1.25rem;flex:1}.up-card-features li{display:flex;align-items:center;gap:.45rem;padding:.28rem 0;font-size:.76rem;color:#cbd5e1}.up-card-features li svg{color:#4ebabd;flex-shrink:0}.up-feat-more{color:#4ebabd!important;font-weight:600;font-size:.72rem!important;padding-top:.4rem!important}.up-card-action{margin-top:auto}.up-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none}.up-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.up-btn-primary{background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;box-shadow:0 4px 20px #4ebabd40}.up-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #4ebabd66;transform:translateY(-1px)}.up-btn-secondary{background:#ffffff0a;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)!important}.up-btn-secondary:hover:not(:disabled){background:#4ebabd14;border-color:#4ebabd4d!important}.up-btn-current{background:#22c55e14;color:#22c55e;border:1px solid rgba(34,197,94,.15)!important}.up-btn-free{background:#ffffff08;color:#475569;border:1px solid rgba(255,255,255,.05)!important}.up-btn-enterprise{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0d);color:#f59e0b;border:1px solid rgba(245,158,11,.2)!important}.up-btn-enterprise:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);box-shadow:0 4px 20px #f59e0b26}.up-compare-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.9rem;margin-bottom:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.up-compare-toggle:hover{color:#e2e8f0;border-color:#4ebabd33}.up-compare-toggle .up-chevron-open{transform:rotate(180deg)}.up-compare-toggle svg{transition:transform .25s}.up-comparison{overflow-x:auto;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff04}.up-comp-table{width:100%;border-collapse:collapse;font-size:.78rem}.up-comp-table thead th{padding:1rem .75rem;text-align:center;color:#94a3b8;font-weight:700;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.3px;text-transform:uppercase}.up-comp-table thead th:first-child{text-align:left;padding-left:1.25rem;text-transform:none;font-size:.78rem}.up-comp-table thead th.up-comp-current{color:#22c55e;background:#22c55e08}.up-comp-table tbody td{padding:.6rem .75rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.03);color:#94a3b8}.up-comp-table tbody td.up-comp-current{background:#22c55e05}.up-comp-feature-col{text-align:left!important;padding-left:1.25rem!important;min-width:200px}.up-comp-feature-label{text-align:left!important;padding-left:1.75rem!important;color:#cbd5e1!important}.up-comp-cat-row td{padding:.75rem 1.25rem!important;font-weight:700!important;color:#f1f5f9!important;font-size:.78rem;background:#ffffff05!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.up-comp-check{color:#4ebabd}.up-comp-no{color:#334155}.up-comp-text{color:#94a3b8;font-size:.72rem;font-weight:600}.up-enterprise-cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:1.25rem;padding:1.75rem 2rem;margin-bottom:1.75rem;background:linear-gradient(135deg,#f59e0b0a,#ffffff05);border:1px solid rgba(245,158,11,.12);border-radius:16px}.up-ent-glow{position:absolute;top:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);pointer-events:none}.up-ent-icon{color:#f59e0b;flex-shrink:0}.up-ent-text{flex:1}.up-ent-text h3{font-size:1rem;font-weight:700;color:#f8fafc;margin:0 0 .3rem}.up-ent-text p{font-size:.78rem;color:#64748b;margin:0;line-height:1.5}.up-ent-btn{display:flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.6rem 1.4rem;border-radius:10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.up-ent-btn:hover{background:#f59e0b26;box-shadow:0 4px 20px #f59e0b1a}.up-trust{display:flex;justify-content:center;gap:2rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.04)}.up-trust-item{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#475569;font-weight:500}.up-trust-item svg{color:#334155}.up-failure-banner{display:flex;align-items:flex-start;gap:1rem;max-width:600px;margin:0 auto 2rem;padding:1.25rem 1.5rem;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.25)}.up-failure-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444426;color:#ef4444;font-weight:700;font-size:1rem}.up-failure-content h3{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#fca5a5}.up-failure-content p{margin:0 0 .25rem;font-size:.82rem;color:#94a3b8;line-height:1.4}.up-failure-ref{font-size:.72rem!important;color:#64748b!important;font-family:monospace}.up-failure-actions{display:flex;gap:.75rem;margin-top:.75rem}.up-failure-retry{padding:.45rem 1rem;border-radius:8px;background:#ef4444;color:#fff;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.up-failure-retry:hover{background:#dc2626}.up-failure-support{padding:.45rem 1rem;border-radius:8px;background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.25);font-size:.78rem;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}.up-failure-support:hover{border-color:#94a3b8;color:#e2e8f0}.up-coupon-bar{max-width:420px;margin:0 auto 1.25rem}.up-coupon-input-row{display:flex;gap:.5rem}.up-coupon-input{flex:1;padding:.55rem .85rem;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:8px;color:#e2e8f0;font-size:.85rem;letter-spacing:.5px}.up-coupon-input:focus{outline:none;border-color:#4ebabd80}.up-coupon-apply{padding:.55rem 1rem;background:#4ebabd1f;border:1px solid rgba(78,186,189,.3);border-radius:8px;color:#4ebabd;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.up-coupon-apply:hover:not(:disabled){background:#4ebabd33}.up-coupon-apply:disabled{opacity:.4;cursor:not-allowed}.up-coupon-applied{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;color:#6ee7b7;font-size:.82rem}.up-coupon-code{font-weight:700;letter-spacing:.5px}.up-coupon-detail{color:#6ee7b7b3;font-size:.78rem}.up-coupon-remove{margin-left:auto;background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;padding:2px}.up-coupon-remove:hover{color:#ef4444}.up-coupon-error{margin:.35rem 0 0;font-size:.78rem;color:#f87171}.up-price-original{text-decoration:line-through;color:#94a3b880;font-size:.85rem;margin-right:.35rem}@keyframes up-spin-kf{to{transform:rotate(360deg)}}.up-spin{animation:up-spin-kf 1s linear infinite}@media (max-width: 1100px){.up-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.up-page{padding:0 1rem 3rem}.up-hero h1{font-size:1.6rem}.up-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.up-enterprise-cta{flex-direction:column;text-align:center}.up-trust{flex-direction:column;align-items:center;gap:.75rem}.up-comp-table{font-size:.7rem}}.upgrade-success-page{min-height:100vh;background:linear-gradient(180deg,#0a0f1a,#0f172a);display:flex;align-items:center;justify-content:center;padding:2rem}.upgrade-success-card{text-align:center;max-width:440px}.success-icon-wrap{position:relative;display:inline-flex;margin-bottom:1.5rem;color:#22c55e}.success-icon-wrap .sparkle{position:absolute;top:-6px;right:-10px;color:#fbbf24;animation:sparkle-pulse 1.5s ease infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.upgrade-success-card h1{font-size:1.75rem;font-weight:800;color:#f8fafc;margin:0 0 .5rem}.success-message{font-size:1rem;color:#94a3b8;margin:0 0 .25rem}.success-detail{font-size:.8rem;color:#64748b;margin:0 0 2rem}.success-details{text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;margin:1.25rem 0 1.75rem}.success-detail-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.85rem;color:#cbd5e1}.success-detail-row svg{color:#4ebabd;flex-shrink:0}.success-detail-row strong{color:#e2e8f0;font-weight:600}.success-detail-row.email-note{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:#94a3b8}.success-detail-row.email-note svg{color:#22c55e}.success-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.75rem;background:linear-gradient(135deg,#4ebabd,#2c7181);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ebabd4d}.success-btn:hover{box-shadow:0 8px 25px #4ebabd66;transform:translateY(-1px)}.failure-text{color:#f87171!important}.failure-txn-ref{font-size:.75rem;color:#64748b;font-family:monospace;margin:.5rem 0 1.5rem}.failure-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.25rem}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;text-decoration:none}.retry-btn:hover{box-shadow:0 8px 25px #ef444466}.support-btn{background:transparent;border:1px solid rgba(148,163,184,.3);box-shadow:none;color:#94a3b8;text-decoration:none}.support-btn:hover{border-color:#94a3b8;color:#e2e8f0;box-shadow:none;transform:none}.ps-page{padding:28px 32px;max-width:960px}.ps-loading{display:flex;align-items:center;gap:10px;color:#8b8fa3;padding:60px 0;justify-content:center}.ps-toast{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:500;animation:psSlideIn .3s ease}.ps-toast-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.ps-toast-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes psSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ps-header-left{display:flex;align-items:center;gap:14px;color:#e2e4eb}.ps-header-left h2{margin:0;font-size:20px;font-weight:600}.ps-header-left p{margin:2px 0 0;font-size:13px;color:#8b8fa3}.ps-save-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:none;background:#6366f1;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.ps-save-btn:hover:not(:disabled){background:#4f46e5}.ps-save-btn:disabled{opacity:.5;cursor:not-allowed}.ps-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.ps-status-card{background:#1e2235;border:1px solid #2a2e42;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px}.ps-status-card.active .ps-status-icon{color:#10b981}.ps-status-card.inactive .ps-status-icon{color:#ef4444}.ps-status-card.test .ps-status-icon{color:#f59e0b}.ps-status-card.live .ps-status-icon{color:#10b981}.ps-status-icon{color:#8b8fa3}.ps-status-info{display:flex;flex-direction:column}.ps-status-label{font-size:11px;color:#6b7085;text-transform:uppercase;letter-spacing:.5px}.ps-status-value{font-size:14px;font-weight:600;color:#e2e4eb}.ps-section{margin-bottom:28px}.ps-section h3{font-size:16px;font-weight:600;color:#e2e4eb;margin:0 0 6px}.ps-section-desc{font-size:13px;color:#8b8fa3;margin:0 0 18px}.ps-provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ps-provider-card{background:#1e2235;border:2px solid #2a2e42;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ps-provider-card:hover{border-color:#4a4f6a}.ps-provider-card.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f14d}.ps-provider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ps-provider-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e2e4eb}.ps-provider-badge{font-size:11px;font-weight:600;color:#6366f1;background:#6366f126;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.ps-provider-desc{font-size:13px;color:#8b8fa3;margin:0 0 14px;line-height:1.5}.ps-provider-status{margin-bottom:12px}.ps-key-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.ps-key-status.configured{color:#10b981}.ps-key-status.missing{color:#f59e0b}.ps-provider-env{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.ps-env-label{font-size:11px;color:#6b7085;width:100%;margin-bottom:2px}.ps-env-key{font-size:11px;font-family:JetBrains Mono,Fira Code,monospace;background:#6366f11a;color:#a5b4fc;padding:3px 8px;border-radius:4px}.ps-docs-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#6366f1;text-decoration:none}.ps-docs-link:hover{text-decoration:underline}.ps-instructions{padding-left:22px;margin:12px 0 20px}.ps-instructions li{font-size:13px;color:#8b8fa3;line-height:1.7}.ps-instructions code{font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;background:#6366f11a;color:#a5b4fc;padding:2px 6px;border-radius:3px}.ps-env-example{background:#161829;border:1px solid #2a2e42;border-radius:10px;padding:16px 20px;margin-bottom:14px}.ps-env-example h4{font-size:13px;font-weight:600;color:#e2e4eb;margin:0 0 10px}.ps-env-example pre{margin:0;font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;color:#a5b4fc;line-height:1.6;white-space:pre-wrap}.spin{animation:psSpin 1s linear infinite}@keyframes psSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.ps-status-grid{grid-template-columns:repeat(2,1fr)}.ps-provider-grid{grid-template-columns:1fr}}.rp-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:#0b1120;padding:28px 32px;gap:0}.rp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.rp-header-left{display:flex;align-items:center;gap:16px}.rp-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-title{font-size:1.5rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em;margin:0;line-height:1.2}.rp-subtitle{font-size:.8rem;color:#64748b;margin:2px 0 0}.rp-header-actions{display:flex;align-items:center;gap:10px}.rp-export-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#4ebabd,#2c7181);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.rp-export-btn:hover:not(:disabled){box-shadow:0 4px 16px #4ebabd59;transform:translateY(-1px)}.rp-export-btn:disabled{opacity:.5;cursor:not-allowed}.rp-refresh-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#1e293bcc;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.rp-refresh-btn:hover{background:#1e293b;color:#e2e8f0;border-color:#475569}.rp-refresh-btn:disabled{opacity:.5}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-spin{animation:rp-spin 1s linear infinite}.rp-report-tabs{display:flex;gap:4px;padding:4px;background:#0f172a99;border:1px solid #1e293b;border-radius:10px;margin-bottom:16px;overflow-x:auto}.rp-report-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:8px;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex:1;justify-content:center}.rp-report-tab:hover{color:#cbd5e1;background:#1e293b80}.rp-report-tab.active{background:#1e293b;color:#f1f5f9;box-shadow:0 2px 8px #0003}.rp-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.rp-period-bar{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;background:#1e293b80;border:1px solid #1e293b;border-radius:8px;color:#64748b}.rp-period-btn{padding:6px 14px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.rp-period-btn:hover{color:#cbd5e1;background:#ffffff0a}.rp-period-btn.active{background:#4ebabd;color:#0f172a;font-weight:600}.rp-report-desc{font-size:.78rem;color:#475569;font-style:italic}.rp-content{flex:1;min-height:0}.rp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#64748b;gap:16px}.rp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#f87171;gap:12px}.rp-error button{padding:8px 20px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;cursor:pointer;font-size:.8rem}.rp-report{position:relative}.rp-loading-overlay{opacity:.6;pointer-events:none}.rp-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.rp-kpi-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#1e293b80;border:1px solid #1e293b;border-radius:10px;transition:all .2s}.rp-kpi-card:hover{border-color:#334155;background:#1e293bb3}.rp-kpi-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-kpi-body{display:flex;flex-direction:column;min-width:0;flex:1}.rp-kpi-value{font-size:1.35rem;font-weight:700;color:#f1f5f9;line-height:1.2}.rp-kpi-label{font-size:.72rem;color:#64748b;font-weight:500;margin-top:2px}.rp-kpi-change{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:600;flex-shrink:0}.rp-kpi-change.up{background:#10b9811a;color:#10b981}.rp-kpi-change.down{background:#f43f5e1a;color:#f43f5e}.rp-kpi-change.neutral{background:#94a3b81a;color:#94a3b8}.rp-section{background:#1e293b66;border:1px solid #1e293b;border-radius:10px;padding:20px;margin-bottom:20px}.rp-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#94a3b8}.rp-section-header h3{font-size:.9rem;font-weight:600;color:#e2e8f0;margin:0}.rp-charts-row{display:flex;gap:16px;margin-bottom:20px}.rp-section-half{flex:1;min-width:0}.rp-chart-container{width:100%;padding:8px 0}.rp-chart-bars{display:flex;align-items:flex-end;gap:2px;height:100%;padding-bottom:24px;position:relative}.rp-chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative;cursor:default}.rp-chart-bar{width:100%;max-width:24px;border-radius:3px 3px 0 0;transition:opacity .15s;min-height:2px}.rp-chart-bar-group:hover .rp-chart-bar{opacity:.8}.rp-chart-bar-label{position:absolute;bottom:-20px;font-size:.55rem;color:#475569;white-space:nowrap;transform:rotate(-45deg);transform-origin:top left}.rp-donut-wrapper{display:flex;align-items:center;gap:32px;padding:8px 0}.rp-donut{width:140px;height:140px;border-radius:50%;position:relative;flex-shrink:0}.rp-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0b1120;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.rp-donut-total{font-size:1.1rem;font-weight:700;color:#f1f5f9}.rp-donut-label{font-size:.6rem;color:#64748b}.rp-donut-legend{display:flex;flex-direction:column;gap:8px}.rp-donut-legend-item{display:flex;align-items:center;gap:8px;font-size:.78rem}.rp-donut-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rp-donut-legend-label{color:#cbd5e1;text-transform:capitalize;min-width:60px}.rp-donut-legend-val{color:#64748b;font-variant-numeric:tabular-nums}.rp-no-data{padding:32px;text-align:center;color:#475569;font-size:.85rem}.rp-table-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rp-table-count{font-size:.8rem;color:#64748b;font-weight:500}.rp-sort-select{display:flex;align-items:center;gap:8px;color:#64748b}.rp-sort-select select{background:#1e293b99;border:1px solid #334155;border-radius:6px;padding:6px 12px;color:#e2e8f0;font-size:.78rem;cursor:pointer;outline:none}.rp-sort-select select:focus{border-color:#4ebabd}.rp-table-wrap{overflow-x:auto;margin-bottom:16px;border:1px solid #1e293b;border-radius:10px}.rp-table{width:100%;border-collapse:collapse;font-size:.8rem}.rp-table thead th{padding:12px 16px;text-align:left;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#0f172acc;border-bottom:1px solid #1e293b;white-space:nowrap}.rp-table tbody tr{border-bottom:1px solid rgba(30,41,59,.5);transition:background .15s}.rp-table tbody tr:last-child{border-bottom:none}.rp-table tbody tr:hover{background:#1e293b4d}.rp-table tbody td{padding:12px 16px;color:#cbd5e1;white-space:nowrap}.rp-user-cell{display:flex;flex-direction:column;gap:2px}.rp-user-name{color:#f1f5f9;font-weight:500}.rp-user-email{color:#64748b;font-size:.7rem}.rp-date-cell{color:#64748b;font-size:.75rem;font-variant-numeric:tabular-nums}.rp-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-size:.72rem;font-weight:700;color:#94a3b8;background:#1e293b80}.rp-rank.rank-1{background:linear-gradient(135deg,#f59e0b22,#f59e0b44);color:#f59e0b}.rp-rank.rank-2{background:linear-gradient(135deg,#94a3b822,#94a3b844);color:#cbd5e1}.rp-rank.rank-3{background:linear-gradient(135deg,#cd7f3222,#cd7f3244);color:#cd7f32}.rp-role-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.rp-role-badge.admin{background:#818cf81f;color:#818cf8}.rp-role-badge.employee,.rp-role-badge.user{background:#4ebabd1f;color:#4ebabd}.rp-role-badge.superadmin{background:#f43f5e1f;color:#f43f5e}.rp-status-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:600;text-transform:capitalize}.rp-status-badge.draft{background:#94a3b81f;color:#94a3b8}.rp-status-badge.active{background:#10b9811f;color:#10b981}.rp-status-badge.archived{background:#64748b1f;color:#64748b}.rp-status-badge.ended{background:#94a3b814;color:#64748b}.rp-score{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:700;background:#4ebabd1a;color:#4ebabd;font-variant-numeric:tabular-nums}.rp-action-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rp-action-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1e293b80;border:1px solid #1e293b;border-left-width:3px;border-radius:8px}.rp-action-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rp-action-name{font-size:.78rem;color:#cbd5e1;text-transform:capitalize}.rp-action-count{font-size:.78rem;font-weight:700;color:#f1f5f9;font-variant-numeric:tabular-nums}.rp-action-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize;border:1px solid}.rp-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.rp-pagination-info{font-size:.78rem;color:#64748b}.rp-pagination-btns{display:flex;gap:8px}.rp-pagination-btns button{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#1e293b99;border:1px solid #334155;border-radius:6px;color:#cbd5e1;font-size:.78rem;cursor:pointer;transition:all .15s}.rp-pagination-btns button:hover:not(:disabled){background:#1e293b;border-color:#475569}.rp-pagination-btns button:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 1200px){.rp-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.rp-page{padding:20px 16px}.rp-kpi-grid{grid-template-columns:repeat(2,1fr)}.rp-charts-row{flex-direction:column}.rp-report-tabs{overflow-x:auto}.rp-report-tab{flex:none;padding:8px 14px}.rp-controls{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.rp-kpi-grid{grid-template-columns:1fr}.rp-header{flex-direction:column;gap:12px;align-items:flex-start}.rp-donut-wrapper{flex-direction:column;align-items:center}}.rp-locked-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center;color:#94a3b8}.rp-locked-tab p{margin:0;font-size:14px}.rp-upgrade-link{display:inline-block;margin-top:4px;padding:6px 16px;background:#f59e0b;color:#fff;border-radius:6px;font-weight:600;font-size:13px;text-decoration:none}.rp-upgrade-link:hover{background:#d97706}.rp-report-tab.feature-locked{opacity:.5}.rp-report-tab.feature-locked:hover{opacity:.8}.rp-digest-panel{padding:0}.rp-digest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rp-digest-send-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4ebabd;color:#0f172a;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.rp-digest-send-btn:hover{background:#6ee7b7}.rp-digest-send-btn:disabled{opacity:.5;cursor:not-allowed}.rp-digest-preview{margin-top:12px}.pmp-page{padding:24px;min-height:100vh;background:#070d1a;color:#e2e8f0;position:relative}.pmp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:300px;color:#64748b;font-size:.9rem}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pmp-toast{position:fixed;top:20px;right:24px;z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:500;box-shadow:0 8px 30px #0006;animation:slideIn .25s ease}.pmp-toast.success{background:#052e16;border:1px solid rgba(34,197,94,.3);color:#4ade80}.pmp-toast.error{background:#1e0a0a;border:1px solid rgba(239,68,68,.3);color:#f87171}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pmp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.pmp-header-left{display:flex;align-items:center;gap:10px}.pmp-header-left h2{font-size:1.3rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em;margin:0}.pmp-header-right{display:flex;gap:8px}.pmp-badge{background:#4ebabd1a;border:1px solid rgba(78,186,189,.2);color:#4ebabd;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}.pmp-btn-outline{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .15s}.pmp-btn-outline:hover{background:#ffffff0d;color:#e2e8f0}.pmp-btn-outline:disabled{opacity:.5;cursor:not-allowed}.pmp-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.82rem;margin-bottom:20px}.pmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.pmp-card{background:#0f1929;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s}.pmp-card:hover{border-color:#4ebabd33}.pmp-card-inactive{opacity:.55}.pmp-card-editing{border-color:#4ebabd66;box-shadow:0 0 0 2px #4ebabd14}.pmp-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:8px}.pmp-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pmp-plan-name{font-size:.95rem;font-weight:700;color:#f1f5f9;text-transform:capitalize}.pmp-badge-chip{padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;background:#4ebabd1f;color:#4ebabd;border:1px solid rgba(78,186,189,.2)}.pmp-badge-inactive{padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.pmp-badge-private{padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;background:#eab3081a;color:#fbbf24;border:1px solid rgba(234,179,8,.2)}.pmp-card-actions{display:flex;gap:4px;flex-shrink:0}.pmp-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pmp-icon-btn:hover{background:#ffffff0f;color:#94a3b8}.pmp-icon-btn-success{color:#4ade80;border-color:#22c55e33}.pmp-icon-btn-success:hover{background:#22c55e14}.pmp-icon-btn-danger{color:#f87171;border-color:#ef444433}.pmp-icon-btn-danger:hover{background:#ef444414}.pmp-pricing-row{display:flex;gap:12px;margin-bottom:14px}.pmp-price-block{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px}.pmp-price-block label{display:block;font-size:.65rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pmp-price-block strong{font-size:1.1rem;font-weight:700;color:#4ebabd}.pmp-price-block strong small{font-size:.65rem;color:#64748b;font-weight:400;margin-left:2px}.pmp-input-prefix{display:flex;align-items:center;gap:2px}.pmp-input-prefix span{color:#64748b;font-size:.85rem}.pmp-input-prefix input,.pmp-limit-input,.pmp-text-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#e2e8f0;font-size:.82rem;padding:3px 7px;width:100%;outline:none}.pmp-input-prefix input:focus,.pmp-limit-input:focus,.pmp-text-input:focus{border-color:#4ebabd66}.pmp-limits{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.pmp-limit-row{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#94a3b8}.pmp-limit-row svg{color:#475569;flex-shrink:0}.pmp-limit-input{width:80px}.pmp-limit-input-wide{width:110px;min-width:90px}.pmp-limit-row-ai span{font-size:.8rem;color:#94a3b8;line-height:1.3}.pmp-field-row{display:flex;align-items:center;gap:7px;margin-bottom:8px}.pmp-field-row svg{color:#475569;flex-shrink:0}.pmp-text-input{flex:1}.pmp-toggle-row{display:flex;gap:14px;margin-bottom:10px}.pmp-toggle-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none}.pmp-toggle-label input{accent-color:#4EBABD;cursor:pointer;width:14px;height:14px}.pmp-features{border-top:1px solid rgba(255,255,255,.05);padding-top:10px;margin-top:10px}.pmp-features-title{font-size:.65rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.pmp-feature-row{display:flex;align-items:center;gap:6px;font-size:.75rem;padding:2px 0;transition:opacity .1s}.pmp-feature-row input{accent-color:#4EBABD;cursor:pointer;flex-shrink:0}.pmp-feature-row.on{color:#94a3b8}.pmp-feature-row.off{color:#334155}.pmp-feature-row.on svg:first-child{color:#4ade80}.pmp-feature-row.off svg:first-child{color:#374151}.pmp-feature-row svg{flex-shrink:0}.pmp-feature-category{margin-bottom:6px}.pmp-feature-category-title{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:6px 0 2px;padding-bottom:2px;border-bottom:1px solid rgba(100,116,139,.15)}@media (max-width: 640px){.pmp-page{padding:16px}.pmp-grid{grid-template-columns:1fr}}.ai-credits-page{padding:2rem 2.5rem;min-height:100%;max-width:1600px;margin:0 auto}.credits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.credits-header-left{display:flex;align-items:center;gap:.75rem}.credits-header-left svg{color:#00d4aa}.credits-header-left h2{margin:0;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.02em}.credits-count{background:#00d4aa1a;color:#00d4aa;font-size:.72rem;font-weight:600;padding:.2rem .7rem;border-radius:999px;border:1px solid rgba(0,212,170,.15)}.credits-refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px solid #1f1f3a;border-radius:8px;background:#161630;cursor:pointer;font-size:.82rem;font-weight:500;color:#7a7a90;transition:all .15s;white-space:nowrap}.credits-refresh-btn:hover{background:#1e1e38;color:#c0c0d0;border-color:#2a2a4a}.credits-refresh-btn .spinning{animation:credits-spin 1s linear infinite}@keyframes credits-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.credits-tabs{display:flex;gap:.35rem;padding:.35rem;background:#13132a;border:1px solid #1f1f3a;border-radius:10px;margin-bottom:1.5rem}.credits-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border:none;background:transparent;color:#6b6b80;font-size:.82rem;font-weight:500;cursor:pointer;border-radius:7px;transition:all .2s ease;white-space:nowrap}.credits-tab-btn:hover{background:#ffffff0a;color:#b0b0c0}.credits-tab-btn.active{background:#1e1e38;color:#00d4aa;font-weight:600;box-shadow:0 1px 3px #00000040}.credits-tab-btn.active svg{color:#00d4aa}.credits-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;margin-bottom:1.5rem}.credits-stat-card{display:flex;align-items:center;gap:.875rem;padding:1.1rem 1.25rem;background:#161630;border:1px solid #1f1f3a;border-radius:10px;transition:border-color .2s}.credits-stat-card:hover{border-color:#2a2a4a}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:#fff;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.orange,.stat-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:#6b6b80;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.credits-revenue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.5rem}.credits-revenue-card{padding:1rem 1.25rem;border-radius:10px;border:1px solid}.credits-revenue-card .revenue-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.credits-revenue-card .revenue-value{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.credits-revenue-card.revenue{background:#10b9810f;border-color:#10b98126}.credits-revenue-card.revenue .revenue-label{color:#34d399}.credits-revenue-card.revenue .revenue-value{color:#10b981}.credits-revenue-card.cost{background:#ef44440f;border-color:#ef444426}.credits-revenue-card.cost .revenue-label{color:#f87171}.credits-revenue-card.cost .revenue-value{color:#ef4444}.credits-revenue-card.margin{background:#3b82f60f;border-color:#3b82f626}.credits-revenue-card.margin .revenue-label{color:#60a5fa}.credits-revenue-card.margin .revenue-value{color:#3b82f6}.credits-revenue-card.tokens{background:#8b5cf60f;border-color:#8b5cf626}.credits-revenue-card.tokens .revenue-label{color:#a78bfa}.credits-revenue-card.tokens .revenue-value{color:#8b5cf6}.credits-search-bar{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;background:#13132a;border:1px solid #1f1f3a;border-radius:8px;margin-bottom:1rem;transition:border-color .2s}.credits-search-bar:focus-within{border-color:#00d4aa44;box-shadow:0 0 0 3px #00d4aa0f}.credits-search-bar svg{color:#4a4a60;flex-shrink:0;width:16px;height:16px}.credits-search-bar input{flex:1;background:transparent;border:none;color:#e0e0e8;font-size:.85rem;outline:none;min-width:0}.credits-search-bar input::placeholder{color:#4a4a60}.credits-table-wrapper{background:#131328;border:1px solid #1f1f3a;border-radius:10px;overflow:hidden;margin-bottom:1rem}.credits-table{width:100%;border-collapse:collapse;min-width:800px}.credits-table thead{background:#0f0f24}.credits-table thead th{padding:.75rem 1rem;text-align:left;font-size:.68rem;font-weight:600;color:#5a5a70;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #1a1a35;white-space:nowrap}.credits-table tbody tr{border-bottom:1px solid #17172e;transition:background .1s}.credits-table tbody tr:last-child{border-bottom:none}.credits-table tbody tr:hover{background:#ffffff05}.credits-table tbody td{padding:.75rem 1rem;font-size:.84rem;color:#c0c0d0;vertical-align:middle}.low-balance-row{background:#f59e0b0a!important}.tenant-cell{display:flex;flex-direction:column;gap:.15rem}.tenant-name{font-weight:500;color:#e8e8f0}.tenant-id{font-size:.72rem;color:#5a5a70}.balance-cell{font-weight:700;font-size:.95rem;color:#34d399}.balance-cell.low{color:#fbbf24}.balance-cell.zero{color:#f87171}.credits-bold-cell{font-weight:700;color:#e0e0e8}.credits-semibold-cell{font-weight:600;color:#c0c0d0}.credits-dim-cell{font-size:.82rem;color:#5a5a70;white-space:nowrap}.credits-provider-cell{font-weight:600;text-transform:capitalize;color:#e0e0e8}.credits-muted-cell{font-size:.78rem;color:#5a5a70}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600}.status-ok{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.15)}.status-low{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.status-zero{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.15)}.action-btns{display:flex;gap:.35rem}.action-btn{width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.action-btn svg{width:14px;height:14px}.action-btn.add{background:#10b98114;border-color:#10b9811f;color:#34d399}.action-btn.add:hover{background:#10b981;border-color:#10b981;color:#fff}.action-btn.adjust{background:#f59e0b14;border-color:#f59e0b1f;color:#fbbf24}.action-btn.adjust:hover{background:#f59e0b;border-color:#f59e0b;color:#0a0a1a}.action-btn.history{background:#3b82f614;border-color:#3b82f61f;color:#60a5fa}.action-btn.history:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.delete{background:#ef444414;border-color:#ef44441f;color:#f87171}.action-btn.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.credits-loading,.credits-empty{text-align:center;padding:3rem 2rem;color:#5a5a70;font-size:.88rem}.credits-loading svg{color:#00d4aa}.usage-toolbar{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.usage-toolbar label{font-size:.82rem;color:#6b6b80;white-space:nowrap}.usage-select{padding:.5rem 2rem .5rem .875rem;background:#13132a;border:1px solid #1f1f3a;border-radius:8px;color:#c0c0d0;font-size:.85rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b6b80' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;min-width:220px;transition:border-color .2s}.usage-select:focus{border-color:#00d4aa44}.usage-select option{background:#13132a;color:#e0e0e8}.force-reset-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:#ef44441f;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;margin-left:auto;white-space:nowrap}.force-reset-btn:hover{background:#ef444433;border-color:#ef444459}.usage-bar-card{padding:1.25rem;background:#161630;border:1px solid #1f1f3a;border-radius:10px;margin-bottom:1.5rem}.usage-bar-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.usage-bar-label{font-size:.88rem;font-weight:600;color:#e0e0e8}.usage-bar-meta{font-size:.82rem;color:#5a5a70}.usage-bar-track{width:100%;height:10px;background:#1f1f3a;border-radius:5px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.usage-bar-footer{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#5a5a70}.provider-card{background:#161630;border:1px solid #1f1f3a;border-radius:10px;overflow:hidden}.provider-card-header{padding:1rem 1.25rem;border-bottom:1px solid #1a1a35}.provider-card-header h4{margin:0;font-size:.95rem;font-weight:600;color:#e0e0e8}.credits-create-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4aa,#00b894);color:#0a0a1a;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .2s;white-space:nowrap}.credits-create-btn:hover{box-shadow:0 4px 16px #00d4aa4d;transform:translateY(-1px)}.credits-tab-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.credits-tab-subtitle{font-size:.85rem;color:#5a5a70}.credits-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.credits-modal{background:#161630;border:1px solid #1f1f3a;border-radius:14px;padding:0;width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.credits-modal-wide{width:720px}.credits-modal h3{margin:0;padding:1.1rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;border-bottom:1px solid #1a1a35;background:#111128;border-radius:14px 14px 0 0}.credits-modal-body{padding:1.5rem}.modal-balance{font-size:.88rem;color:#7a7a90;margin:0 0 1.25rem;padding:0 1.5rem}.modal-balance strong{color:#00d4aa;font-weight:700}.modal-field{margin-bottom:.875rem;padding:0 1.5rem}.modal-field label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b6b80;margin-bottom:.4rem}.modal-field input,.modal-field select{width:100%;padding:.6rem .875rem;background:#0f0f24;border:1px solid #1f1f3a;border-radius:7px;color:#e0e0e8;font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box}.modal-field input:focus,.modal-field select:focus{border-color:#00d4aa44;box-shadow:0 0 0 3px #00d4aa0f}.modal-field input::placeholder{color:#4a4a60}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;padding:0 1.5rem}.modal-form-row .modal-field{padding:0}.modal-quick-amounts{display:flex;gap:.5rem;margin:0 1.5rem 1.25rem}.modal-quick-amounts button{flex:1;padding:.5rem;border:1px solid #1f1f3a;border-radius:7px;background:#0f0f24;cursor:pointer;font-size:.82rem;font-weight:500;color:#7a7a90;transition:all .15s}.modal-quick-amounts button:hover{background:#1e1e38;color:#c0c0d0;border-color:#2a2a4a}.modal-quick-amounts button.selected{background:#00d4aa14;border-color:#00d4aa33;color:#00d4aa;font-weight:600}.modal-check-row{display:flex;gap:1rem;padding:0 1.5rem;margin-bottom:.875rem}.modal-check-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#c0c0d0;cursor:pointer}.modal-check-label input[type=checkbox]{width:15px;height:15px;accent-color:#00d4aa;cursor:pointer}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #1a1a35}.modal-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:7px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.modal-btn.cancel{background:#ffffff0a;border:1px solid #1f1f3a;color:#b0b0c0}.modal-btn.cancel:hover{background:#ffffff0f;border-color:#2a2a4a}.modal-btn.confirm{background:linear-gradient(135deg,#00d4aa,#00b894);color:#0a0a1a;font-weight:600}.modal-btn.confirm:hover:not(:disabled){box-shadow:0 4px 16px #00d4aa4d}.modal-btn.confirm:disabled{opacity:.4;cursor:not-allowed}.modal-loading,.modal-empty{text-align:center;padding:2rem 1.5rem;color:#5a5a70;font-size:.88rem}.history-table-wrapper{max-height:400px;overflow-y:auto;border:1px solid #1f1f3a;border-radius:8px;margin:0 1.5rem}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#0f0f24}.history-table thead th{padding:.65rem .875rem;font-size:.68rem;font-weight:600;color:#5a5a70;text-align:left;text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0;z-index:1;background:#0f0f24}.history-table tbody tr{border-top:1px solid #17172e}.history-table tbody tr:hover{background:#ffffff05}.history-table tbody td{padding:.65rem .875rem;font-size:.82rem;color:#c0c0d0}.tx-date{color:#5a5a70;white-space:nowrap}.tx-type-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap}.tx-amount{font-weight:700;font-family:SF Mono,Fira Code,Consolas,monospace}.tx-amount.positive{color:#34d399}.tx-amount.negative{color:#f87171}.tx-desc{color:#5a5a70;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-page-toast{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;font-weight:500;animation:credits-toast-in .25s ease}.credits-page-toast.success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.credits-page-toast.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}@keyframes credits-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.credits-actions-legend{font-size:.78rem;line-height:1.55;color:#7a7a90;background:#13132a;border:1px solid #1f1f3a;border-radius:10px;padding:.85rem 1.1rem;margin-bottom:1rem}.credits-actions-legend strong{color:#c0c0d8;display:block;margin-bottom:.4rem;font-size:.8rem}.credits-legend-item{display:block;margin-top:.25rem}.credits-legend-label{color:#00d4aa;font-weight:600}.credits-actions-legend code{font-size:.72rem;padding:.1rem .35rem;background:#00d4aa14;border-radius:4px;color:#a8ecee}.credits-actions-col{min-width:220px}.credits-actions-cell{vertical-align:top;padding-top:.65rem!important;padding-bottom:.65rem!important}.credits-row-actions{display:flex;flex-wrap:wrap;gap:.35rem;max-width:280px}.credits-text-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .55rem;border-radius:6px;border:1px solid transparent;font-size:.68rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;background:#161630;color:#a0a0b8}.credits-text-btn:hover{color:#e8e8f0}.credits-text-btn-topup{border-color:#10b98159;color:#34d399}.credits-text-btn-topup:hover{background:#10b98126}.credits-text-btn-adjust{border-color:#f59e0b59;color:#fbbf24}.credits-text-btn-adjust:hover{background:#f59e0b1f}.credits-text-btn-plan{border-color:#a855f766;color:#c4b5fd}.credits-text-btn-plan:hover{background:#a855f71f}.credits-text-btn-monthly{border-color:#38bdf859;color:#7dd3fc}.credits-text-btn-monthly:hover{background:#38bdf81a}.credits-text-btn-history{border-color:#3b82f659;color:#93c5fd}.credits-text-btn-history:hover{background:#3b82f61f}.modal-help{font-size:.8rem;color:#8a8a9e;line-height:1.5;margin:0 0 .75rem}.modal-meta{font-size:.78rem;color:#a0a0b8;margin:.5rem 0 0}.credits-modal-select{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid #2a2a4a;background:#0f0f24;color:#e8e8f0;font-size:.85rem}@media (max-width: 1400px){.credits-stats-grid,.credits-revenue-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.ai-credits-page{padding:1.25rem}.credits-header{flex-direction:column;align-items:stretch}.usage-toolbar{flex-wrap:wrap}.modal-form-row{grid-template-columns:1fr}}@media (max-width: 768px){.credits-stats-grid,.credits-revenue-grid{grid-template-columns:1fr}.credits-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.credits-modal,.credits-modal-wide{width:calc(100vw - 2rem)}}.coupon-page{padding:2rem 2.5rem;min-height:100%;max-width:1600px;margin:0 auto}.coupon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.coupon-header-left{display:flex;align-items:center;gap:.75rem}.coupon-header-left svg{color:#00d4aa}.coupon-header-left h2{margin:0;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.02em}.coupon-count{background:#00d4aa1a;color:#00d4aa;font-size:.72rem;font-weight:600;padding:.2rem .7rem;border-radius:999px;border:1px solid rgba(0,212,170,.15)}.coupon-header-actions{display:flex;gap:.5rem}.coupon-create-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4aa,#00b894);color:#0a0a1a;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .2s;white-space:nowrap}.coupon-create-btn:hover{box-shadow:0 4px 16px #00d4aa4d;transform:translateY(-1px)}.coupon-refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px solid #1f1f3a;border-radius:8px;background:#161630;cursor:pointer;font-size:.82rem;font-weight:500;color:#7a7a90;transition:all .15s;white-space:nowrap}.coupon-refresh-btn:hover{background:#1e1e38;color:#c0c0d0;border-color:#2a2a4a}.coupon-refresh-btn .spinning{animation:coupon-spin 1s linear infinite}@keyframes coupon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coupon-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.5rem}.coupon-stat-card{display:flex;align-items:center;gap:.875rem;padding:1.1rem 1.25rem;background:#161630;border:1px solid #1f1f3a;border-radius:10px;transition:border-color .2s}.coupon-stat-card:hover{border-color:#2a2a4a}.coupon-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:#fff;flex-shrink:0}.coupon-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.coupon-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.coupon-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.coupon-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.coupon-stat-info{display:flex;flex-direction:column;gap:.125rem}.coupon-stat-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em}.coupon-stat-label{font-size:.75rem;color:#6b6b80;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.coupon-search-bar{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;background:#13132a;border:1px solid #1f1f3a;border-radius:8px;margin-bottom:1rem;transition:border-color .2s}.coupon-search-bar:focus-within{border-color:#00d4aa44;box-shadow:0 0 0 3px #00d4aa0f}.coupon-search-bar svg{color:#4a4a60;flex-shrink:0;width:16px;height:16px}.coupon-search-bar input{flex:1;background:transparent;border:none;color:#e0e0e8;font-size:.85rem;outline:none;min-width:0}.coupon-search-bar input::placeholder{color:#4a4a60}.coupon-table-wrapper{background:#131328;border:1px solid #1f1f3a;border-radius:10px;overflow:hidden;margin-bottom:1rem}.coupon-table{width:100%;border-collapse:collapse;min-width:800px}.coupon-table thead{background:#0f0f24}.coupon-table thead th{padding:.75rem 1rem;text-align:left;font-size:.68rem;font-weight:600;color:#5a5a70;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #1a1a35;white-space:nowrap}.coupon-table tbody tr{border-bottom:1px solid #17172e;transition:background .1s}.coupon-table tbody tr:last-child{border-bottom:none}.coupon-table tbody tr:hover{background:#ffffff05}.coupon-table tbody td{padding:.75rem 1rem;font-size:.84rem;color:#c0c0d0;vertical-align:middle}.coupon-code{font-weight:700;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.84rem;color:#00d4aa;background:#00d4aa0f;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(0,212,170,.1);letter-spacing:.04em}.coupon-type-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap}.coupon-type-badge.percentage{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.coupon-type-badge.fixed_amount{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.15)}.coupon-type-badge.bonus_credits{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.15)}.coupon-status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600}.coupon-status-badge.active{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.15)}.coupon-status-badge.inactive{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.15)}.coupon-status-badge.expired{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.12)}.coupon-uses{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;color:#b0b0c0}.coupon-actions{display:flex;gap:.35rem}.coupon-action-btn{width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.coupon-action-btn svg{width:14px;height:14px}.coupon-action-btn.edit{background:#3b82f614;border-color:#3b82f61f;color:#60a5fa}.coupon-action-btn.edit:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.coupon-action-btn.history{background:#8b5cf614;border-color:#8b5cf61f;color:#a78bfa}.coupon-action-btn.history:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.coupon-action-btn.delete{background:#ef444414;border-color:#ef44441f;color:#f87171}.coupon-action-btn.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.coupon-loading,.coupon-empty{text-align:center;padding:3rem 2rem;color:#5a5a70;font-size:.88rem}.coupon-pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 0}.coupon-pagination-info{font-size:.8rem;color:#5a5a70}.coupon-pagination-buttons{display:flex;align-items:center;gap:.35rem}.coupon-page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#161630;border:1px solid #1f1f3a;border-radius:7px;color:#7a7a90;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.coupon-page-btn:hover:not(:disabled):not(.active){background:#1e1e38;color:#e0e0e8;border-color:#2a2a4a}.coupon-page-btn.active{background:#00d4aa1f;border-color:#00d4aa40;color:#00d4aa;font-weight:600}.coupon-page-btn:disabled{opacity:.3;cursor:not-allowed}.coupon-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.coupon-modal{background:#161630;border:1px solid #1f1f3a;border-radius:14px;padding:0;width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.coupon-modal-wide{width:720px}.coupon-modal h3{margin:0;padding:1.1rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;border-bottom:1px solid #1a1a35;background:#111128;border-radius:14px 14px 0 0}.coupon-modal-body{padding:1.5rem}.coupon-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.coupon-form-field{margin-bottom:.875rem}.coupon-form-field label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b6b80;margin-bottom:.4rem}.coupon-form-field input,.coupon-form-field select,.coupon-form-field textarea{width:100%;padding:.6rem .875rem;background:#0f0f24;border:1px solid #1f1f3a;border-radius:7px;color:#e0e0e8;font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box}.coupon-form-field input:focus,.coupon-form-field select:focus,.coupon-form-field textarea:focus{border-color:#00d4aa44;box-shadow:0 0 0 3px #00d4aa0f}.coupon-form-field input::placeholder{color:#4a4a60}.coupon-form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b6b80' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;cursor:pointer}.coupon-form-field select option{background:#0f0f24;color:#e0e0e8}.coupon-form-check{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.coupon-form-check input[type=checkbox]{width:16px;height:16px;accent-color:#00d4aa;cursor:pointer}.coupon-form-check label{font-size:.85rem;color:#c0c0d0;cursor:pointer}.coupon-plan-toggles{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}.coupon-plan-toggle{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#0f0f24;border:1px solid #1f1f3a;border-radius:6px;color:#7a7a90;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.coupon-plan-toggle:hover{border-color:#2a2a4a;color:#b0b0c0}.coupon-plan-toggle.selected{background:#00d4aa14;border-color:#00d4aa33;color:#00d4aa}.coupon-plan-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#00d4aa;cursor:pointer}.coupon-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #1a1a35}.coupon-modal-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:7px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.coupon-modal-btn.cancel{background:#ffffff0a;border:1px solid #1f1f3a;color:#b0b0c0}.coupon-modal-btn.cancel:hover{background:#ffffff0f;border-color:#2a2a4a}.coupon-modal-btn.save{background:linear-gradient(135deg,#00d4aa,#00b894);color:#0a0a1a;font-weight:600}.coupon-modal-btn.save:hover:not(:disabled){box-shadow:0 4px 16px #00d4aa4d}.coupon-modal-btn.save:disabled{opacity:.4;cursor:not-allowed}.redemption-table-wrapper{max-height:400px;overflow-y:auto;border:1px solid #1f1f3a;border-radius:8px;margin:0 1.5rem}.redemption-table{width:100%;border-collapse:collapse}.redemption-table thead{background:#0f0f24}.redemption-table thead th{padding:.65rem .875rem;font-size:.68rem;font-weight:600;color:#5a5a70;text-align:left;text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0;z-index:1;background:#0f0f24}.redemption-table tbody tr{border-top:1px solid #17172e}.redemption-table tbody tr:hover{background:#ffffff05}.redemption-table tbody td{padding:.65rem .875rem;font-size:.82rem;color:#c0c0d0}.redemption-empty{text-align:center;padding:2rem 1.5rem;color:#5a5a70;font-size:.88rem}.coupon-value-cell{font-weight:600;color:#e0e0e8}.coupon-validity-cell{font-size:.78rem;color:#5a5a70;white-space:nowrap}.coupon-credits-cell{font-weight:600;color:#a78bfa}@media (max-width: 1024px){.coupon-page{padding:1.25rem}.coupon-stats-grid{grid-template-columns:1fr}.coupon-header{flex-direction:column;align-items:stretch}.coupon-header-actions{justify-content:flex-end}.coupon-form-row{grid-template-columns:1fr}}@media (max-width: 768px){.coupon-modal,.coupon-modal-wide{width:calc(100vw - 2rem)}}.crm-page{padding:24px;max-width:1200px;margin:0 auto}.crm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.crm-header-left{display:flex;align-items:center;gap:12px}.crm-header-left h1{margin:0;font-size:22px;color:#f1f5f9}.crm-header-left p{margin:0;font-size:12px;color:#94a3b8}.crm-header-actions{display:flex;align-items:center;gap:8px}.crm-search{display:flex;align-items:center;gap:6px;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:6px 10px}.crm-search input{background:none;border:none;color:#f1f5f9;font-size:13px;width:160px;outline:none}.crm-search button{background:none;border:none;color:#64748b;cursor:pointer;padding:0}.crm-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:13px;cursor:pointer;font-weight:500}.crm-btn:hover{background:#334155}.crm-btn:disabled{opacity:.5;cursor:not-allowed}.crm-btn.primary{background:#4ebabd;color:#0f172a;border-color:#4ebabd}.crm-btn.primary:hover{background:#6ee7b7}.crm-tabs{display:flex;gap:2px;margin-bottom:20px;background:#0f172a;border-radius:8px;padding:4px;border:1px solid #1e293b}.crm-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;border-radius:6px;font-weight:500;transition:all .15s}.crm-tab:hover{color:#f1f5f9;background:#1e293b}.crm-tab.active{color:#4ebabd;background:#1e293b}.crm-content{min-height:300px}.crm-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px;color:#64748b}.crm-error{text-align:center;padding:24px;color:#fca5a5}.crm-error button{margin-top:8px;padding:6px 14px;background:#334155;border:none;border-radius:6px;color:#f1f5f9;cursor:pointer}.crm-empty{text-align:center;padding:40px;color:#64748b;font-size:14px}.crm-spin{animation:crm-spin 1s linear infinite}@keyframes crm-spin{to{transform:rotate(360deg)}}.crm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.crm-stat-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:18px;text-align:center}.crm-stat-label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.crm-stat-value{display:block;font-size:28px;font-weight:700}.crm-recent{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px}.crm-recent h3{margin:0 0 12px;font-size:14px;color:#f1f5f9}.crm-activity-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #0f172a;font-size:13px}.crm-activity-text{color:#cbd5e1}.crm-activity-time{color:#64748b;font-size:11px}.crm-table-wrap{overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;font-size:13px}.crm-table th{text-align:left;padding:10px 12px;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;background:#0f172a;white-space:nowrap}.crm-table td{padding:10px 12px;color:#cbd5e1;border-bottom:1px solid #1e293b}.crm-table tr:hover td{background:#1e293b}.crm-action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.crm-action-btn:hover{color:#f1f5f9;background:#334155}.crm-action-btn.danger:hover{color:#f87171}.crm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.crm-pagination button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:12px;cursor:pointer}.crm-pagination button:disabled{opacity:.4;cursor:not-allowed}.crm-pagination span{font-size:12px;color:#94a3b8}.crm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.crm-modal{background:#1e293b;border-radius:12px;width:440px;max-width:95vw;border:1px solid #334155}.crm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #334155}.crm-modal-header h3{margin:0;font-size:16px;color:#f1f5f9}.crm-modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer}.crm-modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.crm-form-field label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px;font-weight:500}.crm-form-field input{width:100%;padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:13px}.crm-form-error{font-size:12px;color:#f87171;padding:8px;background:#ef44441a;border-radius:6px}.crm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #334155}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}:root{--chat-primary: #2C7181;--chat-primary-light: #4EBABD;--chat-primary-gradient: linear-gradient(135deg, #2C7181 0%, #4EBABD 100%);--chat-bg: #0f1419;--chat-surface: #1a2332;--chat-surface-hover: #243044;--chat-border: rgba(78, 186, 189, .15);--chat-text: #e4e6ea;--chat-text-muted: #8899a6;--chat-user-bubble: #2C7181;--chat-bot-bubble: #1e2d3d;--chat-success: #22c55e;--chat-error: #ef4444;--chat-radius: 12px;--chat-shadow: 0 10px 40px rgba(0, 0, 0, .5)}.chat-widget-container{position:fixed;bottom:24px;right:24px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-widget-button{width:56px;height:56px;border-radius:28px;background:var(--chat-primary-gradient);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #2c718166;transition:all .2s ease;position:relative}.chat-widget-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #2c718180}.chat-unread-badge{position:absolute;top:-4px;right:-4px;background:var(--chat-error);color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.chat-window{width:380px;height:560px;background:var(--chat-bg);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);border:1px solid var(--chat-border);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease}.chat-window.minimized{height:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:var(--chat-primary-gradient);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.chat-header-text h3{margin:0;font-size:14px;font-weight:600;color:#fff}.chat-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#ffffffd9}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-actions{display:flex;align-items:center;gap:4px}.chat-header-actions button{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-header-actions button:hover{background:#fff3}.topics-btn{background:#ffffff26!important}.chat-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:2px}.chat-message{display:flex;flex-direction:column;max-width:85%;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;align-items:flex-end}.chat-message.bot,.chat-message.BOT{align-self:flex-start;align-items:flex-start}.chat-message.USER{align-self:flex-end;align-items:flex-end}.message-bubble{padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5;color:var(--chat-text)}.chat-message.user .message-bubble,.chat-message.USER .message-bubble{background:var(--chat-user-bubble);border-bottom-right-radius:4px}.chat-message.bot .message-bubble,.chat-message.BOT .message-bubble{background:var(--chat-bot-bubble);border-bottom-left-radius:4px;border:1px solid var(--chat-border)}.message-content{word-break:break-word}.message-content strong{color:var(--chat-primary-light);font-weight:600}.message-content li{margin-left:16px;margin-bottom:4px}.message-time{font-size:10px;color:var(--chat-text-muted);margin-top:4px;padding:0 4px}.related-questions{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(78,186,189,.1)}.related-question-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#4ebabd14;border:1px solid rgba(78,186,189,.15);border-radius:8px;font-size:12px;color:var(--chat-primary-light);cursor:pointer;transition:all .15s;text-align:left}.related-question-chip:hover{background:#4ebabd26;border-color:#4ebabd4d}.related-question-chip svg{flex-shrink:0;opacity:.6}.message-feedback{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(78,186,189,.1)}.feedback-btn{width:28px;height:28px;border-radius:6px;background:#ffffff0d;border:1px solid var(--chat-border);color:var(--chat-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.feedback-btn:hover{background:#ffffff1a;color:var(--chat-text)}.feedback-btn.active.positive{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.feedback-btn.active.negative{background:#ef444426;border-color:#ef44444d;color:#ef4444}.typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;background:var(--chat-text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-area{padding:12px 16px 16px;background:var(--chat-bg);border-top:1px solid var(--chat-border);flex-shrink:0}.chat-input-container{display:flex;align-items:center;gap:8px;background:var(--chat-surface);border-radius:10px;padding:4px 4px 4px 14px;border:1px solid var(--chat-border);transition:border-color .15s}.chat-input-container:focus-within{border-color:var(--chat-primary-light)}.chat-input-container input{flex:1;background:transparent;border:none;color:var(--chat-text);font-size:13px;outline:none}.chat-input-container input::placeholder{color:var(--chat-text-muted)}.send-btn{width:36px;height:36px;border-radius:8px;background:var(--chat-primary-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.send-btn svg{color:#fff;stroke:#fff;width:18px!important;height:18px!important;min-width:18px;flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topics-view,.category-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.topics-header,.category-header{padding:12px 16px;border-bottom:1px solid var(--chat-border);flex-shrink:0}.back-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--chat-primary-light);font-size:13px;cursor:pointer;padding:0;transition:opacity .15s}.back-btn:hover{opacity:.8}.topics-content,.category-content{flex:1;overflow-y:auto;padding:16px}.topics-content h4,.category-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--chat-text)}.topics-subtitle{font-size:12px;color:var(--chat-text-muted);margin:0 0 16px}.topics-grid{display:flex;flex-direction:column;gap:8px}.topic-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left}.topic-card:hover{background:var(--chat-surface-hover);border-color:#4ebabd4d}.topic-icon{width:40px;height:40px;background:#4ebabd1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--chat-primary-light);flex-shrink:0}.topic-info{flex:1;display:flex;flex-direction:column;gap:2px}.topic-name{font-size:13px;font-weight:500;color:var(--chat-text)}.topic-count{font-size:11px;color:var(--chat-text-muted)}.topic-arrow{color:var(--chat-text-muted);flex-shrink:0}.category-title-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-icon-large{width:44px;height:44px;background:#4ebabd1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--chat-primary-light)}.faq-list{display:flex;flex-direction:column;gap:6px}.no-faqs{font-size:13px;color:var(--chat-text-muted);text-align:center;padding:24px 0}.faq-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;font-size:13px;color:var(--chat-text);cursor:pointer;transition:all .15s;text-align:left}.faq-item:hover{background:var(--chat-surface-hover);border-color:#4ebabd4d}.faq-item svg:first-child{color:var(--chat-primary-light);flex-shrink:0}.faq-item span{flex:1}.faq-item svg:last-child{color:var(--chat-text-muted);flex-shrink:0;opacity:0;transition:opacity .15s}.faq-item:hover svg:last-child{opacity:1}.quick-actions-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(78,186,189,.15)}.quick-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--chat-primary-light);cursor:pointer;transition:all .15s;text-align:left}.quick-action-btn:hover{background:var(--chat-surface-hover);border-color:var(--chat-primary-light);transform:translate(4px)}.quick-action-btn svg{flex-shrink:0;opacity:.8}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(78,186,189,.1)}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#4ebabd1a;border:1px solid rgba(78,186,189,.2);border-radius:8px;font-size:12px;color:var(--chat-primary-light);cursor:pointer;transition:all .15s}.action-btn:hover{background:#4ebabd33;border-color:#4ebabd66}.action-btn.primary{background:var(--chat-primary-gradient);border-color:transparent;color:#fff}.action-btn.primary:hover{transform:scale(1.02)}.support-options-inline{margin-top:12px;padding-top:12px;border-top:1px solid rgba(78,186,189,.15)}.support-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--chat-primary-gradient);border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.support-option-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #2c71814d}.contact-card-mini{margin-top:20px;padding:16px;background:#4ebabd14;border:1px solid rgba(78,186,189,.15);border-radius:10px;text-align:center}.contact-card-mini p{margin:0 0 12px;font-size:13px;color:var(--chat-text-muted)}.contact-btn-mini{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--chat-primary-gradient);border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.contact-btn-mini:hover{transform:scale(1.02)}.no-faqs-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center;color:var(--chat-text-muted)}.no-faqs-container svg{color:var(--chat-primary-light);opacity:.6}.no-faqs-container p{margin:0;font-size:13px}.contact-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.contact-header{padding:12px 16px;border-bottom:1px solid var(--chat-border);flex-shrink:0}.contact-content{flex:1;overflow-y:auto;padding:20px 16px}.contact-hero{text-align:center;margin-bottom:24px}.contact-icon-large{width:64px;height:64px;margin:0 auto 12px;background:var(--chat-primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.contact-hero h4{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--chat-text)}.contact-hero p{margin:0;font-size:13px;color:var(--chat-text-muted)}.contact-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.contact-option{display:flex;align-items:center;gap:12px;padding:14px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:10px;text-decoration:none;color:inherit;cursor:pointer;transition:all .15s}.contact-option:hover{background:var(--chat-surface-hover);border-color:#4ebabd4d}.contact-option.highlight{background:#4ebabd1a;border-color:#4ebabd4d}.contact-option-icon{width:40px;height:40px;background:#4ebabd26;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--chat-primary-light);flex-shrink:0}.contact-option-info{flex:1;display:flex;flex-direction:column;gap:2px}.contact-option-label{font-size:13px;font-weight:500;color:var(--chat-text)}.contact-option-value{font-size:12px;color:var(--chat-text-muted)}.contact-option-arrow{color:var(--chat-text-muted);opacity:0;transition:opacity .15s}.contact-option:hover .contact-option-arrow{opacity:1}.support-hours,.response-time{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff08;border-radius:8px;font-size:12px;color:var(--chat-text-muted);margin-bottom:8px}.support-hours svg,.response-time svg{color:var(--chat-primary-light);flex-shrink:0}.quick-message-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--chat-border);text-align:center}.quick-message-label{margin:0 0 12px;font-size:13px;color:var(--chat-text-muted)}.return-to-chat-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;font-size:13px;color:var(--chat-text);cursor:pointer;transition:all .15s}.return-to-chat-btn:hover{background:var(--chat-surface-hover);border-color:var(--chat-primary-light);color:var(--chat-primary-light)}.contact-btn{background:#ffffff1a!important}.feedback-label{font-size:11px;color:var(--chat-text-muted);margin-right:4px}.message-header{display:block;color:var(--chat-primary-light);margin-bottom:4px}.contact-form-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.contact-form-view .chat-messages.compact{flex:0 0 auto;max-height:140px;overflow-y:auto;padding:12px 16px;border-bottom:1px solid var(--chat-border)}.contact-form-card{flex:1;overflow-y:auto;padding:16px}.form-title{display:flex;align-items:center;gap:8px;color:var(--chat-primary-light);font-size:14px;font-weight:600;margin-bottom:14px}.form-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:var(--chat-error);font-size:12px;margin-bottom:12px}.form-field{margin-bottom:12px}.form-field label{display:block;font-size:12px;font-weight:500;color:var(--chat-text-muted);margin-bottom:6px}.form-field input{width:100%;padding:10px 12px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;color:var(--chat-text);font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.form-field input:focus{border-color:var(--chat-primary-light)}.form-field input::placeholder{color:var(--chat-text-muted)}.submit-inquiry-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--chat-primary-gradient);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.submit-inquiry-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2c718166}.submit-inquiry-btn:disabled{opacity:.6;cursor:not-allowed}.submitting-view{flex:1;display:flex;align-items:center;justify-content:center}.submitting-content{text-align:center;color:var(--chat-text-muted)}.submitting-content svg{color:var(--chat-primary-light);margin-bottom:12px}.submitting-content p{margin:0;font-size:14px}.success-view{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.success-content{text-align:center}.success-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#22c55e1a;border-radius:50%;color:#22c55e;margin-bottom:16px}.success-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--chat-text)}.success-content>p{margin:0 0 12px;font-size:13px;color:var(--chat-text-muted);line-height:1.5}.success-contact-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--chat-surface);border-radius:8px;border:1px solid var(--chat-border)}.contact-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--chat-text)}.contact-row svg{color:var(--chat-primary-light);flex-shrink:0}.success-note{font-size:12px!important;color:var(--chat-text-muted)!important;font-style:italic}.new-chat-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;color:var(--chat-primary-light);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;margin-top:8px}.new-chat-btn:hover{background:var(--chat-surface-hover);border-color:var(--chat-primary-light)}.faq-answer-actions{display:flex;flex-direction:column;gap:6px;padding:4px 0;animation:fadeIn .2s ease}.faq-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:8px;font-size:12px;font-weight:500;color:var(--chat-primary-light);cursor:pointer;transition:all .15s;text-align:left}.faq-nav-btn:hover{background:var(--chat-surface-hover);border-color:#4ebabd4d;transform:translate(2px)}.faq-nav-btn.primary{background:var(--chat-primary-gradient);border-color:transparent;color:#fff}.faq-nav-btn.primary:hover{transform:translate(2px);box-shadow:0 2px 8px #2c71814d}.faq-nav-btn svg{flex-shrink:0}.category-footer-action{margin-top:20px;padding:14px;background:#4ebabd0f;border:1px solid rgba(78,186,189,.15);border-radius:10px;text-align:center}.category-footer-action p{margin:0 0 10px;font-size:13px;color:var(--chat-text-muted)}.ask-question-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--chat-primary-gradient);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.ask-question-btn:hover{transform:scale(1.02)}@media (max-width: 480px){.chat-widget-container{bottom:16px;right:16px}.chat-window{width:calc(100vw - 32px);height:calc(100vh - 100px);max-height:600px}}:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #4EBABD;--color-primary-500: #14b8a6;--color-primary-600: #2C7181;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-primary-950: #042f2e;--color-dark-50: #f8fafc;--color-dark-100: #f1f5f9;--color-dark-200: #e2e8f0;--color-dark-300: #cbd5e1;--color-dark-400: #94a3b8;--color-dark-500: #64748b;--color-dark-600: #475569;--color-dark-700: #334155;--color-dark-800: #1e293b;--color-dark-900: #0f172a;--color-dark-950: #020617;--shadow-glow: 0 0 20px rgba(78, 186, 189, .3);--shadow-glow-lg: 0 0 40px rgba(78, 186, 189, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh}.text-gradient{background:linear-gradient(to right,var(--color-primary-400),var(--color-primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(78,186,189,.3) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#4ebabd4d;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#4ebabd80}.beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0f172a;background:linear-gradient(135deg,#4ebabd,#2c7181);border-radius:4px;margin-left:6px;vertical-align:middle;box-shadow:0 1px 3px #4ebabd4d}.beta-badge-sm{padding:1px 4px;font-size:.5rem;margin-left:4px}.beta-badge-lg{padding:3px 8px;font-size:.7rem;margin-left:8px}