*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--bg-main: #0d0d0d;--bg-header: #111111;--bg-card: #1a1a1a;--bg-input: #222222;--border: #2a2a2a;--text-1: #f0f0f0;--text-2: rgba(255,255,255,.65);--text-muted: #888888;--accent: #F5C142;--accent-dim: rgba(245,193,66,.12)}html.light{--bg-main: #f0f2f5;--bg-header: #ffffff;--bg-card: #ffffff;--bg-input: #f5f5f5;--border: #e0e0e0;--text-1: #1a1a1e;--text-2: #555555;--text-muted: #999999;--accent: #d4960a;--accent-dim: rgba(212,150,10,.1)}body{margin:0;padding:0;background:#fff;color:#1a1a2e}a{text-decoration:none}button{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(245,193,66,.35) rgba(255,255,255,.04)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}::-webkit-scrollbar-thumb{background:#f5c14259;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#f5c142a6}::-webkit-scrollbar-corner{background:transparent}.dash-period-btn{padding:5px 14px;border-radius:20px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;background:#ffffff12;color:#ffffff80}.dash-period-btn--active{background:#f5c142;color:#111}html.light .dash-period-btn{background:#0000000f;color:#777}html.light .dash-period-btn--active{background:#d4960a;color:#fff}.chart-grid-line{stroke:#ffffff0f}.chart-grid-text{fill:#ffffff38}.chart-bar-label{fill:#ffffff59}.chart-bar-label--hovered{fill:#ffffffb3}.chart-tooltip-bg{fill:#1a1a1a}.chart-stat-label{font-size:12px;color:#fff6}html.light .chart-grid-line{stroke:#0000000f}html.light .chart-grid-text{fill:#00000059}html.light .chart-bar-label{fill:#00000073}html.light .chart-bar-label--hovered{fill:#000000b3}html.light .chart-tooltip-bg{fill:#fff}html.light .chart-stat-label{color:#888}:root{--gold: #F5C142;--gold-dark: #D4960A;--gold-light: #FFD97D;--black: #111111;--black-soft: #1a1a1a;--black-card: #222222;--white: #ffffff;--gray: #888888;--gray-light: #f7f5ee;--gold-glow: rgba(245, 193, 66, .12);--gold-border:rgba(245, 193, 66, .3)}*{box-sizing:border-box;margin:0;padding:0}.home{font-family:Inter,sans-serif;color:var(--black);line-height:1.6;overflow-x:hidden;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:#111111f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gold-border)}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--gold);text-decoration:none}.brand-logo{height:56px;width:auto;mix-blend-mode:screen;filter:brightness(1.05)}.brand-icon{font-size:24px}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-links a{text-decoration:none;color:#ffffffb3;font-weight:500;font-size:14px;transition:color .2s}.navbar-links a:hover{color:var(--gold)}.btn-nav-login{padding:8px 22px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-nav-login:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5c14266}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(3deg)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #f5c14266}50%{box-shadow:0 0 0 12px #f5c14200}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-float{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 20px rgba(245,193,66,.3))}50%{transform:translateY(-12px) scale(1.02);filter:drop-shadow(0 0 40px rgba(245,193,66,.5))}}.anim-float-slow{animation:float-slow 5s ease-in-out infinite}.anim-pulse-gold{animation:pulse-gold 2.5s ease-in-out infinite}.anim-delay-1{animation-delay:.3s!important}.anim-delay-2{animation-delay:.6s!important}.anim-delay-3{animation-delay:.9s!important}.hero{min-height:92vh;padding:60px 24px;background:var(--black);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;animation:orb-drift 12s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(245,193,66,.07) 0%,transparent 70%);animation-duration:14s}.hero-orb-2{width:400px;height:400px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(245,193,66,.05) 0%,transparent 70%);animation-duration:10s;animation-delay:-4s}.hero-orb-3{width:300px;height:300px;top:40%;left:60%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 70%);animation-duration:16s;animation-delay:-8s}.hero-content-centered{text-align:center;max-width:820px;position:relative;z-index:1}.hero-logo-anim{margin-bottom:24px;display:inline-block;animation:logo-float 4s ease-in-out infinite}.hero-badge{display:inline-block;background:var(--gold-glow);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid var(--gold-border)}.hero-badge-anim{background:linear-gradient(90deg,#f5c1421a,#f5c14240,#f5c1421a);background-size:200% auto;animation:shimmer 3s linear infinite}.hero-title{font-size:56px;font-weight:900;line-height:1.12;color:var(--white);margin-bottom:20px}.hero-highlight{background:linear-gradient(135deg,var(--gold),var(--gold-light),var(--gold));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.hero-subtitle{font-size:18px;color:#fff9;margin-bottom:36px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-bottom:56px;flex-wrap:wrap;justify-content:center}.btn-primary{padding:14px 28px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f5c14266}.btn-primary.btn-large{padding:16px 36px;font-size:18px}.btn-secondary{padding:14px 28px;background:transparent;color:var(--gold);border:2px solid var(--gold-border);border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;align-items:center}.btn-secondary:hover{background:var(--gold-glow);border-color:var(--gold)}.hero-stats{display:flex;align-items:center;gap:32px}.stat{display:flex;flex-direction:column}.stat-num{font-size:28px;font-weight:800;color:var(--gold)}.stat-label{font-size:12px;color:var(--gray);font-weight:500}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-stats{justify-content:center}.hero-visual{display:flex;justify-content:center}.hero-card{background:var(--black-card);border-radius:20px;border:1px solid var(--gold-border);box-shadow:0 20px 60px #00000080,0 0 40px #f5c1420f;width:100%;max-width:400px;overflow:hidden}.hero-card-header{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.badge-live{color:var(--black);font-size:12px;opacity:.7}.hero-card-msgs{padding:20px;display:flex;flex-direction:column;gap:12px;background:#161616}.msg{padding:10px 14px;border-radius:12px;font-size:13px;max-width:80%;color:var(--white)}.msg-in{background:#2a2a2a;align-self:flex-start;color:#ffffffd9}.msg-out{background:linear-gradient(135deg,#f5c14233,#d4960a33);border:1px solid var(--gold-border);align-self:flex-end;color:var(--gold-light)}.hero-card-footer{padding:14px 20px;display:flex;justify-content:space-between;font-size:12px;color:var(--gray);border-top:1px solid rgba(255,255,255,.06)}.section{padding:100px 0}.section-light{background:var(--gray-light)}.section-dark{background:var(--black)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:40px;font-weight:800;color:var(--black);margin:12px 0}.section-header p{font-size:17px;color:#666;max-width:600px;margin:0 auto}.section-header-light h2{color:var(--white)}.section-header-light p{color:#fff9}.section-badge{display:inline-block;background:var(--gold-glow);color:var(--gold-dark);padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:12px;border:1px solid var(--gold-border)}.section-dark .section-badge{color:var(--gold);border-color:var(--gold-border);background:var(--gold-glow)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.info-card{background:var(--white);border-radius:16px;padding:36px;border:1px solid rgba(245,193,66,.2);box-shadow:0 4px 20px #0000000d}.info-icon{font-size:36px;margin-bottom:16px}.info-card h3{font-size:22px;font-weight:700;color:var(--black);margin-bottom:12px}.info-card p{color:#555;font-size:15px;line-height:1.7}.valores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.valor-card{background:var(--black-card);border:1px solid var(--gold-border);border-radius:16px;padding:32px 24px;text-align:center;transition:transform .2s,box-shadow .2s}.valor-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #f5c1421f}.valor-letra{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:var(--black);background:linear-gradient(135deg,var(--gold),var(--gold-dark))!important;margin:0 auto 16px;box-shadow:0 4px 16px #f5c1424d}.valor-card h3{color:var(--gold);font-size:18px;margin-bottom:16px}.valor-card ul{list-style:none;text-align:left}.valor-card li{color:#ffffffa6;font-size:13px;padding:7px 0 7px 20px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.valor-card li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.servicios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.servicio-card{background:var(--white);border-radius:16px;padding:32px 24px;border:1px solid rgba(0,0,0,.08);position:relative;transition:transform .2s,box-shadow .2s}.servicio-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #f5c14226;border-color:var(--gold-border)}.servicio-destacado{border-color:var(--gold);background:linear-gradient(135deg,#fffbf0,#fff8e1)}.badge-destacado{position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700}.servicio-icon{font-size:44px;margin-bottom:16px;display:block}.servicio-card h3{font-size:17px;font-weight:700;color:var(--black);margin-bottom:10px}.servicio-card p{font-size:14px;color:#666;line-height:1.6}.servicio-precio{margin-top:12px;font-size:13px;color:var(--gold-dark);font-weight:700}.servicio-btn{margin-top:20px;width:100%;padding:11px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);border:none;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:box-shadow .2s,transform .2s}.servicio-btn:hover{box-shadow:0 4px 16px #f5c14266;transform:translateY(-1px)}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cap-card{background:var(--black-card);border:1px solid rgba(245,193,66,.12);border-radius:16px;padding:32px 24px;text-align:center;transition:border-color .2s,transform .2s}.cap-card:hover{border-color:#f5c14266;transform:translateY(-4px)}.cap-icon{font-size:44px;margin-bottom:16px;display:block}.cap-card h4{color:var(--gold);font-size:16px;font-weight:700;margin-bottom:10px}.cap-card p{color:#ffffff80;font-size:13px;line-height:1.6}.section-whatsapp{padding:100px 0;background:var(--black-soft);position:relative;overflow:hidden}.section-whatsapp:before{content:"";position:absolute;bottom:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,193,66,.07) 0%,transparent 70%);pointer-events:none}.wa-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.wa-feature{display:flex;gap:16px;align-items:flex-start;background:var(--black-card);border:1px solid var(--gold-border);border-radius:12px;padding:24px;transition:border-color .2s}.wa-feature:hover{border-color:var(--gold)}.wa-feature-icon{font-size:28px;flex-shrink:0}.wa-feature h4{color:var(--gold);font-size:15px;font-weight:700;margin-bottom:6px}.wa-feature p{color:#fff9;font-size:13px;line-height:1.6}.wa-cta{text-align:center}.wa-cta-note{color:#fff6;font-size:13px;margin-top:12px}.razones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.razon-card{background:var(--white);border-radius:16px;padding:32px 24px;border:1px solid rgba(0,0,0,.08);transition:transform .2s,border-color .2s}.razon-card:hover{transform:translateY(-3px);border-color:var(--gold-border)}.razon-icon{font-size:36px;margin-bottom:16px;display:block}.razon-card h4{font-size:17px;font-weight:700;color:var(--black);margin-bottom:10px}.razon-card p{font-size:14px;color:#666;line-height:1.6}.section-geo{padding:100px 0;background:linear-gradient(135deg,var(--black) 0%,#1a1400 100%);border-top:1px solid var(--gold-border);border-bottom:1px solid var(--gold-border)}.geo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.geo-card{background:var(--gold-glow);border:1px solid var(--gold-border);border-radius:16px;padding:40px 32px;text-align:center}.geo-card span{font-size:48px}.geo-card h4{color:var(--gold);font-size:20px;font-weight:700;margin:16px 0 10px}.geo-card p{color:#ffffffa6;font-size:14px}.section-cta{padding:100px 0;background:var(--black);text-align:center;position:relative}.section-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(245,193,66,.07) 0%,transparent 70%);pointer-events:none}.section-cta h2{font-size:40px;font-weight:800;color:var(--white);margin-bottom:16px}.section-cta p{font-size:18px;color:#ffffff8c;margin-bottom:40px}.footer{background:#0a0a0a;border-top:1px solid var(--gold-border);padding:40px 0;text-align:center;color:#fff6;font-size:14px}.footer .navbar-brand{justify-content:center;margin-bottom:12px}.footer p{margin:6px 0;color:#fff6}.footer-copy{margin-top:16px!important;font-size:12px}@media (max-width: 1024px){.valores-grid,.servicios-grid,.razones-grid,.cap-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:44px}}@media (max-width: 768px){.navbar{padding:12px 16px;width:100%}.navbar-links a{display:none}.valores-grid,.servicios-grid,.two-cols,.razones-grid,.cap-grid,.geo-grid{grid-template-columns:1fr}.hero{padding:48px 16px;width:100%;overflow:hidden;min-height:auto}.hero-title{font-size:30px}.hero-subtitle{font-size:15px}.hero-logo-anim img{height:100px!important}.hero-stats{gap:16px;flex-wrap:wrap;justify-content:center}.section-header h2{font-size:26px}.section{padding:48px 0}.container{padding:0 16px}.anim-slide-up{animation:none;opacity:1}}.rm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:rmFadeIn .2s ease}@keyframes rmFadeIn{0%{opacity:0}to{opacity:1}}.rm-box{background:#1a1a1a;border:1px solid rgba(245,193,66,.3);border-radius:20px;padding:40px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;animation:rmSlideUp .25s ease}@keyframes rmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.rm-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s}.rm-close:hover{color:#fff}.rm-header{text-align:center;margin-bottom:24px}.rm-icon{font-size:40px;margin-bottom:12px}.rm-header h2{font-size:22px;font-weight:800;color:#f5c142;margin-bottom:8px}.rm-header p{font-size:13px;color:#ffffff73}.rm-service-tag{background:#f5c14214;border:1px solid rgba(245,193,66,.2);border-radius:8px;padding:10px 16px;font-size:13px;color:#fff9;margin-bottom:24px;text-align:center}.rm-service-tag span{color:#f5c142;font-weight:700}.rm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.rm-field label{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.rm-field input,.rm-field select{padding:10px 14px;background:#111;border:1px solid rgba(245,193,66,.2);border-radius:8px;color:#ffffffd9;font-size:14px;transition:border-color .2s}.rm-field input:focus,.rm-field select:focus{outline:none;border-color:#f5c142}.rm-field select option{background:#1a1a1a}.rm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rm-submit{width:100%;padding:14px;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;margin-top:8px;transition:box-shadow .2s,transform .2s}.rm-submit:hover{box-shadow:0 6px 24px #f5c14266;transform:translateY(-1px)}.rm-note{font-size:11px;color:#ffffff4d;text-align:center;margin-top:12px;line-height:1.5}.rm-success{text-align:center;padding:20px 0}.rm-success-icon{font-size:56px;margin-bottom:16px}.rm-success h2{font-size:24px;font-weight:800;color:#50c878;margin-bottom:12px}.rm-success p{color:#fff9;font-size:15px;line-height:1.6;margin-bottom:24px}.rm-success strong{color:#f5c142}.rm-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px}.rm-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex:1}.rm-step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 14px);width:calc(100% - 28px);height:2px;background:#ffffff1a}.rm-step-done:not(:last-child):after{background:#f5c142}.rm-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#ffffff14;color:#ffffff4d;border:2px solid rgba(255,255,255,.1);transition:all .2s}.rm-step-active .rm-step-dot{background:#f5c14226;color:#f5c142;border-color:#f5c142}.rm-step-done .rm-step-dot{background:#f5c142;color:#111;border-color:#f5c142}.rm-step span{font-size:10px;color:#ffffff4d}.rm-step-active span{color:#f5c142}.rm-step-done span{color:#fff9}.rm-error{background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#ff6b6b;margin-bottom:16px;text-align:center}.rm-otp-step{text-align:center}.rm-otp-inputs{display:flex;gap:10px;justify-content:center;margin:28px 0}.rm-otp-input{width:48px;height:58px;text-align:center;font-size:24px;font-weight:800;background:#111;border:2px solid rgba(245,193,66,.2);border-radius:10px;color:#f5c142;transition:border-color .2s;caret-color:#f5c142}.rm-otp-input:focus{outline:none;border-color:#f5c142;background:#f5c1420d}.rm-resend{margin-top:16px;font-size:13px;color:#ffffff59}.rm-link{background:none;border:none;color:#f5c142;cursor:pointer;font-size:13px;text-decoration:underline;padding:0}.rm-link:disabled{opacity:.4;cursor:not-allowed}.rm-back{display:block;margin:16px auto 0;color:#ffffff59;font-size:12px;text-decoration:none}.rm-back:hover{color:#fff9}.rm-pass-wrap{position:relative}.rm-pass-wrap input{width:100%;box-sizing:border-box}.rm-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;padding:0}.rm-field-error{font-size:11px;color:#ff6b6b;margin-top:2px}.rm-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 540px){.rm-box{padding:28px 20px}.rm-row{grid-template-columns:1fr}.rm-otp-input{width:40px;height:50px;font-size:20px}}html,body{overflow-x:hidden;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #f5c14266}50%{box-shadow:0 0 0 14px #f5c14200}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.04)}}@keyframes bounce-icon{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.1)}60%{transform:translateY(-6px) scale(1.05)}}.anim-float{animation:float 3s ease-in-out infinite}.anim-bounce{animation:bounce-icon 2.5s ease-in-out infinite}.anim-pulse{animation:pulse-gold 2.5s ease-in-out infinite}.anim-slide-up{animation:slide-up .6s ease both}.anim-delay-1{animation-delay:.2s!important}.anim-delay-2{animation-delay:.4s!important}.anim-delay-3{animation-delay:.6s!important}.sp-page{font-family:Inter,sans-serif;background:#0d0d0d;color:#fff;min-height:100vh;overflow-x:hidden}.sp-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:#111111f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,193,66,.15);position:sticky;top:0;z-index:100}.sp-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f5c142;font-size:18px;font-weight:800}.sp-nav-logo{height:44px;width:auto;mix-blend-mode:screen;filter:brightness(1.05)}.sp-nav-actions{display:flex;gap:12px;align-items:center}.sp-btn-back{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.sp-btn-back:hover{border-color:#f5c14266;color:#f5c142}.sp-btn-login{padding:8px 20px;background:transparent;border:1px solid rgba(245,193,66,.4);color:#f5c142;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s}.sp-btn-login:hover{background:#f5c1421a}.sp-btn-register{padding:8px 20px;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:box-shadow .2s}.sp-btn-register:hover{box-shadow:0 4px 16px #f5c14266}.sp-hero{padding:80px 48px 60px;text-align:center;position:relative;overflow:hidden;background:#111}.sp-hero:before{content:"";position:absolute;top:-150px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(245,193,66,.1) 0%,transparent 70%);pointer-events:none}.sp-hero-badge{display:inline-block;background:linear-gradient(90deg,#f5c14214,#f5c14238,#f5c14214);background-size:200% auto;border:1px solid rgba(245,193,66,.3);color:#f5c142;padding:6px 18px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:24px;animation:shimmer 3s linear infinite}.sp-hero h1{font-size:52px;font-weight:900;line-height:1.15;color:#fff;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.sp-hero h1 span{color:#f5c142}.sp-hero p{font-size:18px;color:#ffffff8c;max-width:620px;margin:0 auto 36px;line-height:1.7}.sp-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.sp-cta-primary{padding:16px 36px;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.sp-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5c14266}.sp-cta-secondary{padding:16px 36px;background:transparent;border:2px solid rgba(245,193,66,.4);color:#f5c142;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.sp-cta-secondary:hover{background:#f5c14214;border-color:#f5c142}.sp-section{padding:80px 48px;max-width:1200px;margin:0 auto}.sp-section-title{text-align:center;margin-bottom:56px}.sp-section-title h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:12px}.sp-section-title p{font-size:16px;color:#ffffff73}.sp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sp-feature-card{background:#1a1a1a;border:1px solid rgba(245,193,66,.12);border-radius:16px;padding:28px;transition:border-color .2s,transform .2s}.sp-feature-card:hover{border-color:#f5c14259;transform:translateY(-3px)}.sp-feature-icon{font-size:40px;margin-bottom:14px;display:block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(245,193,66,.2))}.sp-features-grid .sp-feature-card:nth-child(1) .sp-feature-icon{animation-delay:0s}.sp-features-grid .sp-feature-card:nth-child(2) .sp-feature-icon{animation-delay:.3s}.sp-features-grid .sp-feature-card:nth-child(3) .sp-feature-icon{animation-delay:.6s}.sp-features-grid .sp-feature-card:nth-child(4) .sp-feature-icon{animation-delay:.9s}.sp-features-grid .sp-feature-card:nth-child(5) .sp-feature-icon{animation-delay:1.2s}.sp-features-grid .sp-feature-card:nth-child(6) .sp-feature-icon{animation-delay:1.5s}.sp-features-grid .sp-feature-card:nth-child(7) .sp-feature-icon{animation-delay:1.8s}.sp-features-grid .sp-feature-card:nth-child(8) .sp-feature-icon{animation-delay:2.1s}.sp-feature-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.sp-feature-card p{font-size:13px;color:#ffffff73;line-height:1.6}.sp-pricing-section{padding:80px 48px;background:#111}.sp-pricing-inner{max-width:1100px;margin:0 auto}.sp-pricing-grid{display:grid;gap:24px;margin-top:48px}.sp-plan{background:#1a1a1a;border:1px solid rgba(245,193,66,.12);border-radius:20px;padding:36px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s}.sp-plan:hover{transform:translateY(-4px)}.sp-plan-featured{border-color:#f5c14280;background:linear-gradient(135deg,#1f1a0f,#1a1a1a)}.sp-plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;font-size:12px;font-weight:800;padding:4px 16px;border-radius:50px;white-space:nowrap;animation:pulse-gold 2.5s ease-in-out infinite}.sp-plan-name{font-size:14px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.sp-plan-price{font-size:40px;font-weight:900;color:#f5c142;margin-bottom:4px;line-height:1}.sp-plan-price span{font-size:16px;font-weight:500;color:#fff6}.sp-plan-trial{font-size:12px;color:#50c878;font-weight:600;margin-bottom:24px}.sp-plan-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0 0 24px}.sp-plan-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.sp-plan-features li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#ffffffb3;margin-bottom:12px}.sp-plan-features li:before{content:"✓";color:#f5c142;font-weight:800;flex-shrink:0}.sp-plan-btn{width:100%;padding:14px;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;transition:box-shadow .2s,transform .2s}.sp-plan-btn:hover{box-shadow:0 6px 20px #f5c14266;transform:translateY(-1px)}.sp-plan-btn-outline{background:transparent;border:2px solid rgba(245,193,66,.4);color:#f5c142}.sp-plan-btn-outline:hover{background:#f5c14214;border-color:#f5c142}.sp-footer{padding:32px 48px;text-align:center;border-top:1px solid rgba(245,193,66,.1);color:#ffffff4d;font-size:13px}.sp-footer a{color:#f5c142;text-decoration:none}.sp-footer a:hover{text-decoration:underline}@media (max-width: 1024px){.sp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sp-nav{padding:12px 16px}.sp-hero{padding:48px 16px 40px}.sp-hero h1{font-size:32px}.sp-hero p{font-size:15px}.sp-section,.sp-pricing-section{padding:48px 16px}.sp-features-grid{grid-template-columns:1fr}.sp-pricing-grid{grid-template-columns:1fr!important}.sp-footer{padding:24px 16px}}.crm-shell{display:flex;min-height:100vh;background:#0d0d0d}.crm-sidebar{width:240px;min-height:100vh;background:#111;border-right:1px solid rgba(245,193,66,.15);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .28s ease}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid rgba(245,193,66,.12);flex-shrink:0}.sidebar-logo{height:40px;width:auto;mix-blend-mode:screen;filter:brightness(1.05);flex-shrink:0}.sidebar-brand-name{font-size:18px;font-weight:800;color:#f5c142;letter-spacing:2px}.sidebar-brand-sub{font-size:10px;color:#fff6;letter-spacing:1px;text-transform:uppercase}.sidebar-group{margin-bottom:2px}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 20px 4px;background:none;border:none;cursor:pointer;margin-top:8px}.sidebar-group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5c14280}.sidebar-group-arrow{font-size:10px;color:#f5c14266;transition:transform .2s}.sidebar-group-items{overflow:hidden}.sidebar-group-items--hidden{display:none}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;border-left:3px solid transparent;text-decoration:none;-webkit-tap-highlight-color:transparent}.sidebar-item:hover{color:#f5c142;background:#f5c1420f}.sidebar-item.active{color:#f5c142;background:#f5c1421a;border-left-color:#f5c142}.sidebar-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(245,193,66,.12);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.sidebar-logout:hover{background:#ff505033;color:#ff6b6b}.hamburger-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#f5c14214;border:1px solid rgba(245,193,66,.2);border-radius:8px;color:#f5c142;font-size:18px;cursor:pointer;flex-shrink:0;transition:background .2s;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover{background:#f5c14226}.collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5c14212;border:1px solid rgba(245,193,66,.18);border-radius:6px;color:#f5c142b3;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s;letter-spacing:-1px}.collapse-btn:hover{background:#f5c14226;color:#f5c142}.crm-sidebar.sidebar-collapsed{width:60px;overflow:hidden}.crm-sidebar.sidebar-collapsed .sidebar-brand{justify-content:center;padding:20px 0}.crm-sidebar.sidebar-collapsed .sidebar-brand-text,.crm-sidebar.sidebar-collapsed .sidebar-label,.crm-sidebar.sidebar-collapsed .sidebar-user-info,.crm-sidebar.sidebar-collapsed .sidebar-installed{display:none}.crm-sidebar.sidebar-collapsed .sidebar-item{justify-content:center;padding:12px 0;border-left:3px solid transparent}.crm-sidebar.sidebar-collapsed .sidebar-item.active{border-left-color:#f5c142}.crm-sidebar.sidebar-collapsed .sidebar-icon{width:auto;font-size:18px}.crm-sidebar.sidebar-collapsed .sidebar-footer{padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.crm-sidebar.sidebar-collapsed .sidebar-user{justify-content:center;margin-bottom:0}.crm-sidebar.sidebar-collapsed .sidebar-logout{width:40px;padding:8px 0;display:flex;align-items:center;justify-content:center}.crm-sidebar.sidebar-collapsed .sidebar-pwa-btn{width:40px;padding:8px 0;justify-content:center}.crm-shell.sidebar-collapsed .crm-main{margin-left:60px}.crm-sidebar{transition:width .25s ease}.crm-main{transition:margin-left .25s ease}.crm-main{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.sidebar-pwa-btn{width:100%;margin-bottom:8px;padding:9px 12px;background:#f5c1421a;border:1px solid rgba(245,193,66,.25);border-radius:10px;color:#f5c142;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.sidebar-installed{font-size:11px;color:#ffffff40;text-align:center;margin-bottom:8px}.sidebar-logout-icon{font-size:16px}.sidebar-logout{width:100%;padding:8px;background:#ff50501a;border:1px solid rgba(255,80,80,.2);color:#ff6464cc;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.crm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#111;border-bottom:1px solid rgba(245,193,66,.12);position:sticky;top:0;z-index:40;gap:12px}.crm-title{font-size:20px;font-weight:700;color:#fff;white-space:nowrap}.crm-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.crm-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.crm-username{font-size:13px;color:#ffffffb3;white-space:nowrap}.crm-content{padding:28px;flex:1;min-width:0}.crm-theme-btn{width:34px;height:34px;border-radius:8px;background:#f5c14212;border:1px solid rgba(245,193,66,.18);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.crm-theme-btn:hover{background:#f5c14226}html.light .crm-shell,html.light .crm-main{background:var(--bg-main)}html.light .crm-header{background:var(--bg-header);border-bottom-color:#00000012;box-shadow:0 1px 4px #0000000f}html.light .crm-title{color:var(--text-1)}html.light .crm-username{color:var(--text-2)}html.light .crm-content{background:var(--bg-main)}html.light .crm-theme-btn{background:#0000000a;border-color:#0000001f}html.light .crm-theme-btn:hover{background:#00000014}html.light .stat-card{background:#fff;border-color:#e8e8e8}html.light .crm-section{background:#fff;border-color:#e8e8e8;box-shadow:0 1px 4px #0000000a}html.light .crm-section-header{border-bottom-color:#f0f0f0;background:#fafafa}html.light .crm-section-title,html.light .stat-value{color:#1a1a1e}html.light .stat-label{color:#777}html.light .stat-change,html.light .form-label,html.light .crm-label{color:#555}html.light .form-input,html.light .crm-input{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .form-input::placeholder,html.light .crm-input::placeholder{color:#bbb}html.light .form-input:focus,html.light .crm-input:focus{border-color:#d4960a}html.light .form-select,html.light .crm-select{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .form-select:focus,html.light .crm-select:focus{border-color:#d4960a}html.light .form-select option,html.light .crm-select option{background:#fff;color:#1a1a1e}html.light textarea.form-input,html.light textarea.crm-input{background:#f5f5f5;color:#1a1a1e;border-color:#ddd}html.light .crm-table-wrap{background:#fff;border-color:#e8e8e8}html.light .crm-table th{background:#f5f5f5;color:#555;border-color:#eee}html.light .crm-table td{color:#333;border-color:#f0f0f0}html.light .crm-table tbody tr:hover td{background:#fafafa}html.light .modal-overlay{background:#00000059}html.light .modal-content{background:#fff;border-color:#e0e0e0;box-shadow:0 8px 40px #0000001f}html.light .modal-title{color:#1a1a1e}html.light .modal-body{color:#444}html.light .badge-active{background:#4caf501f}html.light .badge-pending{background:#f5c1421f}html.light .btn-cancel{background:#f0f0f0;color:#444;border-color:#ddd}html.light .btn-cancel:hover{background:#e0e0e0}html.light .empty-state-text{color:#888}html.light .empty-state{color:#aaa}html.light .empty-state p{color:#888}html.light .crm-badge{background:#0000000f;color:#444}html.light .crm-modal-overlay{background:#00000059}html.light .crm-modal{background:#fff;border-color:#e0e0e0;box-shadow:0 8px 40px #0000001f}html.light .crm-modal h2{color:#d4960a}html.light .crm-modal p{color:#555}html.light .filters-bar{background:#fafafa;border-bottom-color:#e8e8e8}html.light .filter-label{color:#777}html.light .filter-input,html.light .filter-select{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .filter-input:focus,html.light .filter-select:focus{border-color:#d4960a}html.light .filter-select option{background:#fff;color:#1a1a1e}html.light .flow-card{background:#fff;border-color:#e8e8e8}html.light .page-btn{background:#f5f5f5;border-color:#e0e0e0;color:#555}html.light .page-btn:hover{border-color:#d4960a;color:#d4960a}html.light .page-btn.active{background:#d4960a1a;border-color:#d4960a;color:#d4960a}html.light .reassign-dropdown{background:#fff;border-color:#e0e0e0;box-shadow:0 8px 32px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid rgba(245,193,66,.15)}.stat-card.gold{border-color:#f5c14266}.stat-card.green{border-color:#50c8784d}.stat-card.red{border-color:#ff50504d}.stat-card.blue{border-color:#50a0ff4d}.stat-label{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.stat-value{font-size:32px;font-weight:800;color:#f5c142;line-height:1.1}.stat-card.green .stat-value{color:#50c878}.stat-card.red .stat-value{color:#ff6b6b}.stat-card.blue .stat-value{color:#5ba4ff}.crm-section{background:#1a1a1a;border-radius:12px;border:1px solid rgba(245,193,66,.12);margin-bottom:20px;overflow:hidden}.crm-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(245,193,66,.1);gap:10px;flex-wrap:wrap}.crm-section-title{font-size:15px;font-weight:700;color:#fff}.crm-section-body{padding:0}.crm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.crm-table{width:100%;border-collapse:collapse;font-size:13px;min-width:540px}.crm-table th{background:#f5c14214;color:#ffffff80;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:11px 14px;text-align:left;border-bottom:1px solid rgba(245,193,66,.1);white-space:nowrap}.crm-table td{padding:12px 14px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.crm-table tr:hover td{background:#f5c1420a}.crm-table tr:last-child td{border-bottom:none}.badge{padding:3px 9px;border-radius:50px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.badge-success,.badge-completed,.badge-active{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.3)}.badge-pending{background:#f5c14226;color:#f5c142;border:1px solid rgba(245,193,66,.3)}.badge-processing,.badge-in-process{background:#5ba4ff26;color:#5ba4ff;border:1px solid rgba(91,164,255,.3)}.badge-inactive,.badge-error{background:#ff505026;color:#ff6b6b;border:1px solid rgba(255,80,80,.3)}.badge-gold{background:#f5c14226;color:#f5c142;border:1px solid rgba(245,193,66,.3)}.btn-action{padding:5px 11px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;margin-right:4px;transition:opacity .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-action:hover{opacity:.8}.btn-edit{background:#f5c14226;color:#f5c142;border:1px solid rgba(245,193,66,.3)!important}.btn-delete{background:#ff505026;color:#ff6b6b;border:1px solid rgba(255,80,80,.3)!important}.btn-view{background:#5ba4ff26;color:#5ba4ff;border:1px solid rgba(91,164,255,.3)!important}.btn-pay{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)!important}.btn-primary-crm{padding:10px 18px;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:box-shadow .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-primary-crm:hover{box-shadow:0 4px 16px #f5c14259}.btn-primary-crm:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}.btn-cancel:hover{background:#ffffff14}.filters-bar{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid rgba(245,193,66,.1);flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{padding:8px 12px;background:#111;border:1px solid rgba(245,193,66,.2);border-radius:6px;color:#fffc;font-size:13px;min-width:140px}.filter-input:focus,.filter-select:focus{outline:none;border-color:#f5c142}.filter-select option{background:#1a1a1a}.crm-alert{position:fixed;top:72px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;z-index:9999;animation:alertSlideDown .3s ease;max-width:calc(100vw - 40px);white-space:nowrap;box-shadow:0 4px 20px #0006}.crm-alert-success{background:#50c87826;border:1px solid rgba(80,200,120,.4);color:#50c878}.crm-alert-error{background:#ff505026;border:1px solid rgba(255,80,80,.4);color:#ff6b6b}@keyframes alertSlideDown{0%{transform:translate(-50%) translateY(-16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.crm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.crm-modal{background:#1a1a1a;border:1px solid rgba(245,193,66,.25);border-radius:16px;padding:28px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.crm-modal h2{font-size:18px;font-weight:700;color:#f5c142;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label,.crm-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input,.form-select,.crm-input,.crm-select{width:100%;padding:10px 14px;background:#1a1a1a;border:1px solid rgba(245,193,66,.25);border-radius:8px;color:#ffffffd9;font-size:14px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder,.crm-input::placeholder{color:#ffffff4d}.form-input:focus,.form-select:focus,.crm-input:focus,.crm-select:focus{outline:none;border-color:#f5c142}.form-select option,.crm-select option{background:#1a1a1a}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.empty-state{padding:48px 20px;text-align:center;color:#ffffff4d}.empty-state-icon{font-size:42px;margin-bottom:10px}.empty-state p{font-size:14px}.pagination{display:flex;gap:6px;justify-content:center;padding:16px;flex-wrap:wrap}.page-btn{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:6px;font-size:13px;cursor:pointer}.page-btn:hover{border-color:#f5c14266;color:#f5c142}.page-btn.active{background:#f5c14226;border-color:#f5c142;color:#f5c142}.page-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.crm-content{padding:20px}.crm-header{padding:14px 20px}}@media (max-width: 900px){.crm-sidebar{transform:translate(-100%);box-shadow:none;width:240px!important}.crm-sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #0009}.sidebar-overlay{display:block}.hamburger-btn{display:flex}.collapse-btn{display:none}.crm-shell.sidebar-collapsed .crm-main{margin-left:0}.crm-main{margin-left:0;transition:none}.crm-sidebar.sidebar-open{width:240px!important}.crm-sidebar.sidebar-open .sidebar-label{display:inline!important}.crm-sidebar.sidebar-open .sidebar-brand-text,.crm-sidebar.sidebar-open .sidebar-user-info,.crm-sidebar.sidebar-open .sidebar-installed{display:block!important}.crm-sidebar.sidebar-open .sidebar-item{justify-content:flex-start!important;padding:11px 20px!important}.crm-sidebar.sidebar-open .sidebar-icon{font-size:16px!important;width:20px!important}.crm-sidebar.sidebar-open .sidebar-footer{padding:16px 20px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}.crm-sidebar.sidebar-open .sidebar-user{justify-content:flex-start!important;margin-bottom:12px!important}.crm-sidebar.sidebar-open .sidebar-logout{width:100%!important;padding:8px!important}.crm-header{position:sticky;top:0;z-index:50;padding:12px 16px}.crm-title{font-size:17px}.crm-username{display:none}.crm-content{padding:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px}.stat-value{font-size:26px}.crm-section-header{padding:13px 14px;gap:8px}.crm-section-title{font-size:14px}.filters-bar{padding:12px 14px;gap:8px}.filter-input,.filter-select{min-width:0;width:100%}.filter-group{width:100%}.btn-primary-crm,.btn-cancel{padding:11px 16px;font-size:14px}.btn-action{padding:7px 12px}.crm-modal-overlay{padding:0;align-items:flex-end}.crm-modal{border-radius:20px 20px 0 0;max-height:92vh;padding:24px 18px 32px;max-width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}.crm-alert{top:66px;left:12px;right:12px;white-space:normal;text-align:center;transform:translate(0)}@keyframes alertSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.pagination{padding:12px 8px;gap:4px}.page-btn{padding:5px 10px;font-size:12px}.empty-state{padding:32px 16px}}.flow-card{display:flex;align-items:flex-start;gap:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(245,193,66,.15);padding:16px 20px}.flow-card-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}@media (max-width: 900px){.flow-card{flex-wrap:wrap}.flow-card-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.flow-card-actions button{flex:1;min-width:80px}.flow-card-actions button:first-child{flex:0 0 100%;white-space:nowrap}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-value{font-size:22px}.stat-label{font-size:10px}.crm-content{padding:10px}.crm-table{font-size:12px}.crm-table th,.crm-table td{padding:10px}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000eb;display:flex;flex-direction:column;animation:lb-fade .15s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0009;flex-shrink:0}.lightbox-caption{flex:1;font-size:13px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-btn{background:#ffffff1a;border:none;color:#fff;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-btn:hover{background:#ffffff38}.lightbox-close{font-size:14px}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 8px 40px #0009;cursor:default}.media-audio-wrap{display:flex;align-items:center;gap:8px;padding:4px 0}.media-audio-icon{font-size:20px;flex-shrink:0}.media-audio-player{height:36px;max-width:220px;accent-color:#F5C142;border-radius:20px}.mic-recording{background:#c0392b!important;color:#fff!important;min-width:72px;gap:6px;font-size:12px!important;font-weight:700;display:flex!important;align-items:center;justify-content:center}.mic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;animation:mic-pulse 1s ease-in-out infinite;flex-shrink:0}@keyframes mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.media-img-wrap{position:relative;display:inline-block;cursor:zoom-in;border-radius:10px;overflow:hidden;max-width:240px}.media-img-thumb{display:block;width:100%;max-width:240px;max-height:320px;object-fit:cover;border-radius:10px;transition:filter .2s}.media-img-wrap:hover .media-img-thumb{filter:brightness(.75)}.media-img-zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:0;transition:opacity .2s;pointer-events:none}.media-img-wrap:hover .media-img-zoom{opacity:1}.media-img-caption{font-size:12px;padding:5px 8px 6px;background:#0000008c;color:#ffffffd9;line-height:1.4}.chat-workspace{display:flex;height:calc(100vh - 100px);margin:-28px;overflow:hidden;background:#0d0d0d}.chat-sidebar{width:320px;min-width:280px;max-width:360px;border-right:1px solid rgba(245,193,66,.12);display:flex;flex-direction:column;background:#111;flex-shrink:0}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(245,193,66,.1);flex-shrink:0}.chat-sidebar-title{font-size:15px;font-weight:700;color:#fff}.chat-sidebar-count{background:#f5c14226;color:#f5c142;border-radius:50px;font-size:11px;font-weight:700;padding:2px 8px}.chat-search-wrap{padding:10px 14px;border-bottom:1px solid rgba(245,193,66,.08);flex-shrink:0}.chat-search{width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid rgba(245,193,66,.15);border-radius:8px;color:#fffc;font-size:13px;padding:8px 12px;outline:none;transition:border-color .2s}.chat-search:focus{border-color:#f5c142}.chat-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-empty{display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:13px;padding:32px 20px;text-align:center}.chat-list-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.chat-list-item:hover{background:#f5c1420d}.chat-list-item.active{background:#f5c1421a;border-right:3px solid #F5C142}.chat-item-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-item-info{flex:1;min-width:0}.chat-item-name{font-size:14px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.chat-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.chat-item-dept{font-size:11px;color:#ffffff59}.chat-item-time{font-size:11px;color:#ffffff40}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:#0d0d0d}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff3;font-size:15px;gap:12px}.chat-placeholder-icon{font-size:48px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#111;border-bottom:1px solid rgba(245,193,66,.12);gap:12px;flex-wrap:wrap;flex-shrink:0;position:relative;z-index:10}.chat-header-info{display:flex;align-items:center;gap:12px;min-width:0}.chat-header-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-name{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;font-size:12px;color:#fff6}.chat-dot{color:#fff3}.chat-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.chat-btn{padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:opacity .15s,box-shadow .15s}.chat-btn:hover{opacity:.85}.chat-btn:disabled{opacity:.45;cursor:not-allowed}.chat-btn-gold{background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border-color:transparent}.chat-btn-green{background:#50c87826;color:#50c878;border-color:#50c87859}.chat-btn-blue{background:#5ba4ff26;color:#5ba4ff;border-color:#5ba4ff59}.chat-btn-dim{background:#ffffff0f;color:#ffffffa6;border-color:#ffffff1f}.reassign-wrap{position:relative}.reassign-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:#1a1a1a;border:1px solid rgba(245,193,66,.2);border-radius:10px;padding:14px;box-shadow:0 8px 32px #00000080;z-index:200}.reassign-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.chat-bubbles{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.bubble-row{display:flex;flex-direction:column;max-width:72%}.bubble-left{align-self:flex-start;align-items:flex-start}.bubble-right{align-self:flex-end;align-items:flex-end}.bubble-meta{font-size:10px;color:#ffffff4d;margin-bottom:4px}.bubble{padding:9px 13px;border-radius:12px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble-client{background:#ffffff12;color:#ffffffd9;border-radius:12px 12px 12px 2px}.bubble-agent{background:#f5c14224;color:#f5c142;border-radius:12px 12px 2px}.chat-input-bar{display:flex;align-items:flex-end;gap:10px;padding:12px 20px;border-top:1px solid rgba(245,193,66,.12);background:#111;flex-shrink:0}.chat-input{flex:1;background:#ffffff0a;border:1px solid rgba(245,193,66,.2);border-radius:10px;color:#ffffffd9;font-size:13px;padding:10px 14px;outline:none;resize:none;font-family:inherit;line-height:1.5;transition:border-color .2s}.chat-input:focus{border-color:#f5c142}.chat-input:disabled{opacity:.5}.chat-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f5c142,#d4960a);color:#111;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .2s,opacity .2s}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 14px #f5c14266}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-closed-bar{padding:14px 20px;background:#ffffff08;border-top:1px solid rgba(245,193,66,.1);color:#ffffff4d;font-size:13px;text-align:center;flex-shrink:0}.chat-back-btn{display:none;background:none;border:none;color:#ffffffb3;font-size:28px;line-height:1;cursor:pointer;padding:0 6px 0 0;flex-shrink:0;transition:color .15s}.chat-back-btn:hover{color:#f5c142}html.light .chat-workspace{background:#f0f2f5}html.light .chat-sidebar{background:#fff;border-right-color:#e8e8e8}html.light .chat-sidebar-header{border-bottom-color:#e8e8e8}html.light .chat-sidebar-title{color:#1a1a1e}html.light .chat-sidebar-count{background:#d4960a1f;color:#d4960a}html.light .chat-search-wrap{border-bottom-color:#f0f0f0}html.light .chat-search{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .chat-search::placeholder{color:#bbb}html.light .chat-list-item{border-bottom-color:#f5f5f5}html.light .chat-list-item:hover{background:#d4960a0a}html.light .chat-list-item.active{background:#d4960a14;border-right-color:#d4960a}html.light .chat-item-name{color:#1a1a1e}html.light .chat-item-dept{color:#888}html.light .chat-item-time{color:#aaa}html.light .chat-empty{color:#bbb}html.light .chat-panel{background:#f7f7f7}html.light .chat-placeholder{color:#bbb}html.light .chat-header{background:#fff;border-bottom-color:#e8e8e8}html.light .chat-header-name{color:#1a1a1e}html.light .chat-header-sub{color:#888}html.light .chat-dot{color:#ddd}html.light .chat-btn-dim{background:#0000000d;color:#555;border-color:#0000001a}html.light .chat-back-btn{color:#555}html.light .chat-back-btn:hover{color:#d4960a}html.light .bubble-meta{color:#aaa}html.light .bubble-client{background:#fff;color:#1a1a1e;border:1px solid #e8e8e8}html.light .bubble-agent{background:#d4960a14;color:#b37b00}html.light .chat-input-bar{background:#fff;border-top-color:#e8e8e8}html.light .chat-input{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .chat-input::placeholder{color:#bbb}html.light .chat-input:focus{border-color:#d4960a}html.light .chat-closed-bar{background:#f5f5f5;border-top-color:#eee;color:#aaa}html.light .reassign-label{color:#888}@media (max-width: 900px){.chat-workspace{flex-direction:column;height:calc(100vh - 56px);margin:-14px;overflow:hidden}.chat-workspace:not(.chat-has-selected) .chat-sidebar{width:100%;max-width:100%;height:100%;border-right:none;border-bottom:none;flex:1}.chat-workspace:not(.chat-has-selected) .chat-panel{display:none}.chat-workspace.chat-has-selected .chat-sidebar{display:none}.chat-workspace.chat-has-selected .chat-panel{height:100%;flex:1;display:flex}.chat-back-btn{display:flex;align-items:center}.chat-sidebar-header{padding:14px 16px 10px}.chat-search-wrap{padding:8px 12px}.chat-list-item{padding:11px 12px}.bubble-row{max-width:90%}.chat-bubbles{padding:14px 12px;gap:10px}.chat-header{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.chat-header-info{gap:8px}.chat-header-name{font-size:14px}.chat-header-sub{font-size:11px;flex-wrap:wrap;gap:4px}.chat-header-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;flex-shrink:0}.chat-btn{padding:6px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.reassign-wrap{position:static}.reassign-dropdown{position:fixed!important;bottom:80px;left:10px;right:10px;top:auto!important;width:auto!important;max-height:60vh;overflow-y:auto;z-index:600}.chat-input-bar{padding:8px 12px;gap:8px}.chat-input{font-size:13px;padding:9px 12px}.chat-send-btn{width:38px;height:38px;font-size:16px}}.cfg-tab-bar{display:flex;gap:4px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid rgba(245,193,66,.1);background:#0003}.cfg-tab{padding:8px 18px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;background:transparent;color:#ffffff73;border-bottom:2px solid transparent}.cfg-tab:hover{color:#ffffffb3}.cfg-tab--active{background:#f5c1421f;color:#f5c142;border-bottom-color:#f5c142}.cfg-tab--link{margin-left:auto;color:#f5c14299;font-size:12px}.cfg-tab--link:hover{color:#f5c142}.cfg-body{padding:28px 32px}.cfg-tab-content{display:flex;flex-direction:column;gap:20px;max-width:620px}.cfg-card{background:#ffffff08;border:1px solid rgba(245,193,66,.1);border-radius:12px;padding:24px}.cfg-card--danger{background:#ff50500a;border-color:#ff505026}.cfg-card-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:20px}.cfg-card-title--danger{color:#ff6b6b}.cfg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.cfg-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cfg-toggle-row:last-child{margin-bottom:0}.cfg-toggle-label{color:#ffffffd9;font-size:14px;font-weight:600}.cfg-toggle-desc{color:#ffffff59;font-size:12px;margin-top:2px}.cfg-toggle-btn{width:48px;height:26px;border-radius:13px;border:none;cursor:pointer;flex-shrink:0;position:relative;transition:background .2s;background:#ffffff1f}.cfg-toggle-btn--on{background:linear-gradient(135deg,#f5c142,#d4960a)}.cfg-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.cfg-toggle-knob--on{left:25px}.cfg-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cfg-info-row:last-child{border-bottom:none}.cfg-info-key{color:#fff6;font-size:13px}.cfg-info-val{color:#f5c142;font-size:13px;font-weight:600}.cfg-alert{display:flex;align-items:center;gap:12px;background:#f5c1421a;border:1px solid rgba(245,193,66,.35);border-radius:10px;padding:14px 18px}.cfg-alert-title{color:#f5c142;font-weight:700;font-size:14px}.cfg-alert-desc{color:#ffffff80;font-size:13px;margin-top:4px}.cfg-alert-link{margin-top:4px;background:none;border:none;color:#f5c142;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.cfg-field-error{font-size:12px;color:#ff6b6b;margin-top:4px}html.light .cfg-tab-bar{background:#f8f8f8;border-bottom-color:#e8e8e8}html.light .cfg-tab{color:#888}html.light .cfg-tab:hover{color:#444}html.light .cfg-tab--active{background:#d4960a1a;color:#d4960a;border-bottom-color:#d4960a}html.light .cfg-tab--link{color:#d4960a}html.light .cfg-card{background:#fff;border-color:#e8e8e8;box-shadow:0 1px 4px #0000000a}html.light .cfg-card--danger{background:#ff505008;border-color:#ff505033}html.light .cfg-card-title{color:#1a1a1e}html.light .cfg-card-title--danger{color:#c62828}html.light .cfg-toggle-label{color:#1a1a1e}html.light .cfg-toggle-desc,html.light .cfg-info-key{color:#888}html.light .cfg-info-row{border-bottom-color:#f0f0f0}html.light .cfg-alert{background:#d4960a14;border-color:#d4960a4d}html.light .cfg-alert-title{color:#d4960a}html.light .cfg-alert-desc{color:#666}html.light .cfg-alert-link{color:#d4960a}html.light .cfg-field-error{color:#c62828}.sa-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.sa-stat-card{flex:1;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.sa-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sa-stat-value{font-size:26px;font-weight:700;color:var(--text-1)}.sa-stat-value--revenue{font-size:22px;font-weight:700;color:#f5c142}.sa-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sa-tabs::-webkit-scrollbar{display:none}.sa-tab{padding:10px 18px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.sa-tab.active{color:#f5c142;border-bottom-color:#f5c142}.sa-tab__badge{margin-left:6px;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.sa-tab__badge--alert{background:#f5c142;color:#111}.sa-tab__badge--neutral{background:var(--border);color:var(--text-1)}.sa-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.sa-toolbar__search{flex:1;max-width:320px}.sa-btn-refresh{padding:10px 18px;background:#f5c1421a;border:1px solid rgba(245,193,66,.3);color:#f5c142;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600}.sa-form{max-width:560px;background:var(--bg-card);border:1px solid rgba(245,193,66,.15);border-radius:16px;padding:28px}.sa-form__title{font-size:16px;font-weight:700;color:var(--text-1);margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border)}.sa-form__fields{display:flex;flex-direction:column;gap:14px}.sa-form__grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-form__result{border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:14px;font-weight:600}.sa-form__result--ok{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.sa-form__result--err{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:24px 16px;overflow-y:auto}.sa-modal-overlay--center{align-items:center}.sa-modal{background:var(--bg-card);border:1px solid rgba(245,193,66,.25);border-radius:16px;padding:28px;width:100%;margin-top:20px}.sa-modal--sm{max-width:480px}.sa-modal--md{max-width:640px}.sa-modal--lg{max-width:860px}.sa-modal__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sa-modal__title{color:var(--text-1);font-size:18px;font-weight:700;margin-bottom:4px}.sa-modal__company{color:#f5c142;font-size:14px;font-weight:600}.sa-modal__email{color:var(--text-muted);font-size:12px}.sa-modal__close{background:var(--accent-dim);border:1px solid var(--border);color:var(--text-1);border-radius:8px;padding:6px 14px;cursor:pointer;font-size:18px;flex-shrink:0}.sa-approve-form{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.sa-approve-actions{display:flex;gap:10px}.sa-approve-result{border-radius:10px;padding:16px;font-weight:600}.sa-payments-table{width:100%;border-collapse:collapse;font-size:13px}.sa-payments-table th{padding:10px 12px;text-align:left;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--accent-dim)}.sa-payments-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-2)}.sa-ref-cell{font-family:monospace;font-size:11px;color:var(--text-muted);max-width:130px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.sa-alegra-header{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.sa-alegra-status{display:flex;align-items:center;gap:8px;border-radius:10px;padding:10px 16px}.sa-alegra-status__icon{font-size:18px}.sa-alegra-status__label{font-size:12px;font-weight:700}.sa-alegra-status__detail{font-size:11px;color:var(--text-muted)}.sa-alegra-status--ok{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.sa-alegra-status--ok .sa-alegra-status__label{color:#4caf50}.sa-alegra-status--off{background:#f4433614;border:1px solid rgba(244,67,54,.25)}.sa-alegra-status--off .sa-alegra-status__label{color:#f44336}.sa-alegra-warning{background:#f5c14212;border:1px solid rgba(245,193,66,.2);border-radius:10px;padding:16px;margin-bottom:20px;font-size:13px;color:var(--text-2)}.sa-alegra-warning strong{color:#f5c142}.sa-alegra-warning code{background:var(--accent-dim);padding:2px 6px;border-radius:4px}.sa-alegra-test-result{border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:13px;font-weight:600}.sa-alegra-test-result--ok{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.sa-alegra-test-result--err{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.sa-cufe-cell{font-family:monospace;font-size:10px;color:#2196f3;max-width:100px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.sa-invoice-num{font-family:monospace;font-size:12px}.sa-table-actions{display:flex;gap:6px;flex-wrap:wrap}.sa-action-btn{padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;border-width:1px;border-style:solid;color:var(--text-1);background:var(--accent-dim);border-color:var(--border)}.sa-action-btn--blue{background:#2196f31f;border-color:#2196f34d;color:#2196f3}.sa-action-btn--green{background:#4caf5026;border-color:#4caf504d;color:#4caf50}.sa-action-btn--red{background:#f443361a;border-color:#f443364d;color:#f44336}.sa-action-btn--link{text-decoration:none}.sa-inv-error{font-size:10px;color:#ff5722;margin-top:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-date-cell{font-size:12px;color:var(--text-muted);white-space:nowrap}.sa-td-muted{color:var(--text-muted)}.sa-td-amount{font-weight:700;color:#4caf50}.sa-td-payer,.sa-td-method{color:var(--text-2)}.sa-td-period{font-size:11px;color:var(--text-muted);white-space:nowrap}.sa-empty-msg{text-align:center;color:var(--text-muted);padding:40px}.sa-btn-cancel{flex:1;padding:10px;background:var(--accent-dim);border:1px solid var(--border);border-radius:8px;color:var(--text-2);cursor:pointer;font-size:14px}.sa-btn-confirm{flex:2;padding:8px 20px;background:#4caf50;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:14px}.sa-field-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:5px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.sa-status-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.nom-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nom-tabs::-webkit-scrollbar{display:none}.nom-tab{padding:10px 18px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;color:#ffffff73;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.nom-tab.active{color:#f5c142;border-bottom-color:#f5c142}.nom-tab__badge{margin-left:6px;background:#ffffff1f;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.nom-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.nom-emp-name{font-weight:600}.nom-emp-sub{font-size:11px;color:#ffffff59}.nom-doc{font-size:12px}.nom-position{font-size:12px;font-weight:600}.nom-dept{font-size:11px;color:#fff6}.nom-salary{font-weight:700;color:#4caf50}.nom-bank{font-size:12px}.nom-bank-sub{font-size:11px;color:#fff6}.nom-contract{font-size:12px}.nom-pay-emp{font-weight:600}.nom-pay-period{font-size:12px;white-space:nowrap}.nom-pay-earned{color:#4caf50;font-weight:700}.nom-pay-ded{color:#f44336}.nom-pay-net{color:#f5c142;font-weight:700}.nom-pay-cost{font-size:12px}.nom-empty{padding:40px;text-align:center;color:#ffffff4d}.nom-actions{display:flex;gap:6px;flex-wrap:wrap}.nom-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:10px 14px;color:#f44336;font-size:13px;margin-bottom:16px}.nom-modal-emp{max-width:720px;max-height:90vh}.nom-modal-gen{max-width:480px}.nom-modal-slip{max-width:540px}.nom-field-section{margin-bottom:20px}.nom-field-section__title{font-size:11px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.nom-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.nom-gen-form{display:flex;flex-direction:column;gap:14px}.nom-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nom-gen-info{background:#f5c1420f;border:1px solid rgba(245,193,66,.15);border-radius:8px;padding:12px;font-size:12px;color:#ffffff80}.nom-notes{resize:vertical}.nom-slip-header{margin-bottom:16px}.nom-slip-name{font-size:16px;font-weight:700;color:#f5c142;margin-bottom:4px}.nom-slip-period{font-size:12px;color:#fff6}.nom-net-pay{background:#f5c1421a;border:1px solid rgba(245,193,66,.3);border-radius:8px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.nom-net-pay__label{font-size:15px;font-weight:700;color:#f5c142}.nom-net-pay__value{font-size:18px;font-weight:800;color:#f5c142}.nom-detail-block{margin-bottom:16px}.nom-detail-block__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.nom-detail-table{width:100%;border-collapse:collapse;font-size:13px}.nom-detail-table td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.nom-detail-table .nom-dt-label{color:#fff9}.nom-detail-table .nom-dt-value{text-align:right;color:#ffffffd9;font-family:monospace}.nom-detail-table .nom-dt-total-label{padding:8px 0 4px;font-weight:700}.nom-detail-table .nom-dt-total-value{padding:8px 0 4px;text-align:right;font-weight:700;font-family:monospace}.rep-page{padding:20px;display:flex;flex-direction:column;gap:20px;max-width:1400px}.rep-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:12px 16px}.rep-presets{display:flex;gap:8px;flex-wrap:wrap}.rep-preset-btn{background:#2a2a2a;border:1px solid #3a3a3a;color:#ccc;padding:5px 12px;border-radius:20px;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.rep-preset-btn:hover{background:#f5c142;color:#111;border-color:#f5c142}.rep-date-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.rep-date-range label{font-size:12px;color:#aaa}.rep-date-range input[type=date]{background:#2a2a2a;border:1px solid #3a3a3a;color:#eee;padding:5px 10px;border-radius:6px;font-size:13px}.rep-apply-btn{background:#f5c142;color:#111;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer}.rep-apply-btn:disabled{opacity:.5;cursor:not-allowed}.rep-loading{text-align:center;color:#aaa;font-size:14px;padding:12px}.rep-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.rep-kpi{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px}.rep-kpi-icon{font-size:26px;flex-shrink:0}.rep-kpi-value{font-size:22px;font-weight:700;color:#f5c142;line-height:1.1}.rep-kpi-label{font-size:11px;color:#aaa;margin-top:2px}.rep-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rep-row--full{grid-template-columns:1fr}@media (max-width: 900px){.rep-row{grid-template-columns:1fr}}.rep-chart-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px}.rep-chart-title{font-size:13px;font-weight:700;color:#f5c142;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.rep-empty{color:#555;font-size:13px;padding:40px 0;text-align:center}.rep-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:16px}.rep-locked-icon{font-size:64px}.rep-locked h2{font-size:24px;color:#f5c142}.rep-locked p{color:#aaa;max-width:400px}.rep-upgrade-btn{display:inline-block;margin-top:8px;background:#f5c142;color:#111;font-weight:700;padding:10px 28px;border-radius:8px;text-decoration:none;font-size:14px}.rep-upgrade-btn:hover{background:#e5b132}html.light .rep-toolbar{background:#fff;border-color:#e8e8e8}html.light .rep-preset-btn{background:#f5f5f5;border-color:#e0e0e0;color:#555}html.light .rep-date-range label{color:#666}html.light .rep-date-range input[type=date]{background:#f5f5f5;border-color:#ddd;color:#1a1a1e}html.light .rep-kpi{background:#fff;border-color:#e8e8e8}html.light .rep-kpi-label{color:#777}html.light .rep-chart-card{background:#fff;border-color:#e8e8e8}html.light .rep-loading,html.light .rep-empty{color:#888}html.light .rep-locked p{color:#666}.int-page{padding:24px;display:flex;flex-direction:column;gap:28px;max-width:1200px}.int-page-title{font-size:22px;font-weight:700;color:#f0f0f0;margin:0 0 6px}.int-page-sub{font-size:13px;color:#888;margin:0;line-height:1.5}.int-loading{color:#666;font-size:13px;padding:20px 0}.int-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#f5c142;padding-bottom:2px;border-bottom:1px solid rgba(245,193,66,.15)}.int-section-label--dev{color:#888;border-bottom-color:#ffffff0f}.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.int-grid--dev{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.int-grid,.int-grid--dev{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.int-grid,.int-grid--dev{grid-template-columns:1fr}}.int-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}.int-card:hover{border-color:#3a3a3a;box-shadow:0 4px 20px #0000004d}.int-card--active{border-color:#1e3d1e;box-shadow:0 0 0 1px #4caf5026}.int-card--active:hover{border-color:#2a5a2a}.int-card--dev{opacity:.7;border-style:dashed}.int-card--dev:hover{opacity:.85}.int-card-top{display:flex;align-items:flex-start;gap:12px}.int-card-logo{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}.int-card-logo--dim{filter:grayscale(.4)}.int-card-info{flex:1;min-width:0}.int-card-name{font-size:14px;font-weight:700;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.int-card-name--dim{color:#777}.int-card-sub{font-size:11px;color:#666}.int-badge{flex-shrink:0;font-size:9px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.int-badge--active{background:#4caf5026;color:#4caf50}.int-badge--off{background:#6464641a;color:#666}.int-badge--dev{background:#f5c1421a;color:#f5c142;border:1px solid rgba(245,193,66,.25)}.int-card-desc{font-size:12px;color:#777;line-height:1.5}.int-card-desc--dim{color:#555}.int-card-status{display:flex;align-items:center;gap:6px}.int-conn-dot{width:7px;height:7px;border-radius:50%;background:#444;flex-shrink:0}.int-conn-dot--on{background:#4caf50;box-shadow:0 0 0 3px #4caf5033}.int-conn-label{font-size:11px;color:#666}.int-btn-config{width:100%;padding:10px 16px;background:#f5c1421a;color:#f5c142;border:1px solid rgba(245,193,66,.25);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;margin-top:auto}.int-btn-config:hover{background:#f5c1422e;border-color:#f5c14280}.int-btn-config--disabled{background:#ffffff08;color:#444;border-color:#ffffff0f;cursor:not-allowed}.int-btn-config--disabled:hover{background:#ffffff08;border-color:#ffffff0f}html.light .int-page-title{color:#1a1a1e}html.light .int-page-sub{color:#666}html.light .int-card{background:#fff;border-color:#e8e8e8}html.light .int-card:hover{border-color:#ccc;box-shadow:0 4px 20px #00000014}html.light .int-card--active{border-color:#b8dbb8;box-shadow:0 0 0 1px #4caf5033}html.light .int-card-name{color:#1a1a1e}html.light .int-card-sub{color:#999}html.light .int-card-desc{color:#666}html.light .int-conn-label{color:#888}html.light .int-section-label{color:#d4960a}html.light .int-badge--off{background:#f0f0f0;color:#999}html.light .int-btn-config{background:#d4960a14;border-color:#d4960a4d;color:#d4960a}html.light .int-btn-config:hover{background:#d4960a24}html.light .int-btn-config--disabled{background:#f5f5f5;color:#bbb;border-color:#e0e0e0}.intd-page{padding:24px;max-width:1100px;display:flex;flex-direction:column;gap:20px}.intd-breadcrumb{display:flex;align-items:center;gap:8px}.intd-back-btn{background:none;border:none;color:#f5c142;font-size:13px;cursor:pointer;padding:0;font-weight:600}.intd-back-btn:hover{text-decoration:underline}.intd-breadcrumb-sep{color:#444;font-size:13px}.intd-breadcrumb-current{color:#888;font-size:13px}.intd-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}@media (max-width: 900px){.intd-layout{grid-template-columns:1fr}}.intd-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;overflow:hidden}.intd-card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #232323;border-left:4px solid transparent}.intd-channel-logo{width:48px;height:48px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.intd-channel-name{font-size:16px;font-weight:700;color:#f0f0f0;margin-bottom:3px}.intd-channel-sub{font-size:12px;color:#666}.intd-status-badge{margin-left:auto;flex-shrink:0;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.intd-status-badge--on{background:#4caf5026;color:#4caf50}.intd-status-badge--off{background:#6464641a;color:#666}.intd-loading{padding:40px 24px;text-align:center;color:#666;font-size:13px}.intd-form{padding:24px;display:flex;flex-direction:column;gap:18px}.intd-form-group{display:flex;flex-direction:column;gap:5px}.intd-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.intd-required{color:#e53935;margin-left:3px}.intd-input-wrap{position:relative}.intd-input{width:100%;background:#222;border:1px solid #333;color:#eee;padding:10px 38px 10px 12px;border-radius:8px;font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.intd-input:focus{border-color:#f5c142}.intd-input::placeholder{color:#444}.intd-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#666;padding:0;line-height:1}.intd-eye-btn:hover{color:#aaa}.intd-hint{font-size:11px;color:#555;line-height:1.4}.intd-actions{display:flex;gap:10px;margin-top:6px}.intd-btn{flex:1;padding:11px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.intd-btn:disabled{opacity:.55;cursor:not-allowed}.intd-btn--test{background:#ffffff0f;color:#ccc;border:1px solid #333}.intd-btn--test:hover:not(:disabled){background:#ffffff1a}.intd-btn--save{background:#f5c142;color:#111}.intd-btn--save:hover:not(:disabled){background:#e5b132}.intd-btn-disconnect{width:100%;padding:10px;background:transparent;color:#e53935;border:1px solid rgba(229,57,53,.35);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.intd-btn-disconnect:hover{background:#e5393514;border-color:#e53935}.intd-side{display:flex;flex-direction:column;gap:16px}.intd-info-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.intd-info-card-title{font-size:12px;font-weight:700;color:#f0f0f0}.intd-info-card-desc{font-size:12px;color:#666;line-height:1.5}.intd-info-card-desc strong{color:#aaa}.intd-webhook-url{background:#111;border:1px solid #222;border-radius:6px;padding:8px 12px;font-size:11px;font-family:monospace;color:#aaa;word-break:break-all;line-height:1.5}.intd-copy-btn{background:none;border:none;color:#f5c142;font-size:12px;cursor:pointer;padding:0;align-self:flex-start;font-weight:600}.intd-copy-btn:hover{text-decoration:underline}.intd-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.intd-steps li{font-size:12px;color:#777;line-height:1.5}.intd-steps strong{color:#aaa}.intd-steps code{background:#222;padding:1px 5px;border-radius:3px;font-size:11px;color:#f5c142}.intd-docs-link{font-size:12px;color:#f5c142;text-decoration:none;align-self:flex-start}.intd-docs-link:hover{text-decoration:underline}.intd-not-found{padding:40px 24px;color:#888}.intd-not-found button{margin-top:12px;background:none;border:none;color:#f5c142;cursor:pointer;font-size:13px;padding:0}html.light .intd-card{background:#fff;border-color:#e8e8e8}html.light .intd-card-header{border-bottom-color:#f0f0f0}html.light .intd-channel-name{color:#1a1a1e}html.light .intd-input{background:#f8f8f8;border-color:#e0e0e0;color:#1a1a1e}html.light .intd-input:focus{border-color:#d4960a}html.light .intd-input::placeholder{color:#bbb}html.light .intd-hint{color:#999}html.light .intd-label{color:#666}html.light .intd-btn--test{background:#f5f5f5;color:#555;border-color:#ddd}html.light .intd-info-card{background:#fff;border-color:#e8e8e8}html.light .intd-info-card-title{color:#1a1a1e}html.light .intd-info-card-desc{color:#777}html.light .intd-webhook-url{background:#f5f5f5;border-color:#e0e0e0;color:#555}html.light .intd-steps li{color:#666}html.light .intd-steps strong{color:#444}html.light .intd-steps code{background:#f0f0f0}html.light .intd-back-btn,html.light .intd-docs-link,html.light .intd-copy-btn{color:#d4960a}