:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", sans-serif;--bg-page: #f8fafc;--bg-sidebar: #ffffff;--emerald-primary: #059669;--emerald-hover: #047857;--emerald-gradient: linear-gradient(135deg, #10b981, #059669);--text-dark: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 14px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden!important;margin:0;padding:0;box-sizing:border-box}body.mso-theme{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-dark);min-height:100vh;overflow-x:hidden!important;-webkit-font-smoothing:antialiased}.mso-app{width:100%;max-width:100%;overflow-x:hidden!important;min-height:100vh}.mso-layout{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden!important}.mso-sidebar{width:290px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100}.mso-main{margin-left:290px}.sidebar-brand-mso{display:flex;align-items:center;gap:16px;padding:24px 20px 16px;border-bottom:1px solid #f1f5f9}.brand-mso-icon{width:82px!important;height:82px!important;border-radius:22px!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#059669;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0009,0 0 25px #10b98180!important;border:2.5px solid rgba(255,255,255,.35)!important;padding:6px!important;flex-shrink:0;animation:logoGlowPulse 3s ease-in-out infinite!important}.login-logo-orb-3d{width:92px!important;height:92px!important;border-radius:24px!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0009,0 0 25px #10b98180!important;border:2.5px solid rgba(255,255,255,.35)!important;padding:6px!important;margin:0 auto 16px;animation:logoGlowPulse 3s ease-in-out infinite!important}.brand-mso-title{font-family:var(--font-heading);font-size:14px;font-weight:800;color:var(--text-dark)}.brand-mso-sub{font-size:10px;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav-scroll{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-lbl{font-size:10.5px;font-weight:800;color:#94a3b8;letter-spacing:.8px;padding:8px 12px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#f1f5f9;color:var(--text-dark)}.nav-item.active{background:#ecfdf5;color:var(--emerald-primary);font-weight:800}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-lbl{flex:1}.nav-badge-pill{background:var(--emerald-primary);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:12px}.sidebar-bottom{padding:16px 12px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px}.nav-logout{color:#ef4444!important}.nav-logout:hover{background:#fef2f2!important}.mso-main{margin-left:260px;flex:1;padding:24px 32px}.mso-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header-page-title{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--text-dark)}.mso-profile-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-color);padding:6px 16px 6px 6px;border-radius:30px;box-shadow:var(--shadow-sm)}.mso-avatar-emerald{width:32px;height:32px;border-radius:50%;background:var(--emerald-gradient);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.mso-meta-text{display:flex;flex-direction:column}.mso-user-name{font-size:12.5px;font-weight:800;color:var(--text-dark)}.mso-user-role{font-size:10px;font-weight:700;color:var(--emerald-primary)}.mso-tab-content{display:none}.mso-tab-content.active{display:block;animation:adminTabFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.mso-wallet-banner-card{background:linear-gradient(135deg,#059669,#047857);border-radius:20px;padding:28px 32px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #0596694d}.banner-lbl{font-size:11px;font-weight:800;color:#a7f3d0;letter-spacing:.8px;text-transform:uppercase}.banner-val{font-family:var(--font-heading);font-size:36px;font-weight:900;line-height:1.15;margin:4px 0}.banner-sub{font-size:13px;color:#d1fae5}.btn-emerald-fund{background:#fff;color:#047857;border:none;border-radius:12px;padding:12px 24px;font-family:var(--font-heading);font-size:14px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.btn-emerald-fund:hover{background:#ecfdf5;transform:translateY(-1px)}.mso-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mso-stat-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.mso-stat-icon-sq{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.bg-sq-green{background:#d1fae5;color:#047857}.bg-sq-indigo{background:#e0e7ff;color:#4338ca}.bg-sq-emerald{background:#d1fae5;color:#059669}.bg-sq-amber{background:#fef3c7;color:#b45309}.mso-stat-info{display:flex;flex-direction:column}.mso-stat-lbl{font-size:10.5px;font-weight:800;color:var(--text-muted);text-transform:uppercase}.mso-stat-num{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--text-dark)}.mso-stat-sub{font-size:11px;color:var(--text-muted)}.white-card-panel{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.flex-between{display:flex;align-items:center;justify-content:space-between}.panel-title-text{font-family:var(--font-heading);font-size:16px;font-weight:800}.btn-emerald-sm{background:var(--emerald-primary);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:800;cursor:pointer}.mso-table-custom{width:100%;border-collapse:collapse;text-align:left}.mso-table-custom th{padding:12px 14px;font-size:11px;font-weight:800;color:var(--text-muted);background:#f8fafc;border-bottom:1px solid var(--border-color);text-transform:uppercase}.mso-table-custom td{padding:14px;font-size:13px;border-bottom:1px solid #f1f5f9}.form-step-card{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:18px;padding:24px}.step-card-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed #cbd5e1}.step-num-badge{width:28px;height:28px;border-radius:50%;background:#059669;color:#fff;font-family:var(--font-heading);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.step-title{font-family:var(--font-heading);font-size:15px;font-weight:800;color:#0f172a}.form-label-high-contrast{display:block;font-size:12.5px;font-weight:800;color:#0f172a;margin-bottom:6px;letter-spacing:.2px}.form-control-spacious{width:100%;height:46px;padding:10px 16px;background:#fff;border:2px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:700;color:#0f172a;outline:none;transition:all .2s ease}.form-control-spacious:focus{border-color:#059669;box-shadow:0 0 0 4px #05966926}.photo-dropzone-box{position:relative;width:100%;height:120px;background:#fff;border:2px dashed #94a3b8;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .2s ease}.photo-dropzone-box:hover{border-color:#059669;background:#ecfdf5}.file-input-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#64748b;pointer-events:none}.dz-icon{font-size:24px}.dz-text{font-size:12px;font-weight:700}.dz-img-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;position:relative;z-index:5}.mt-3{margin-top:12px}.mt-4{margin-top:24px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mso-login-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background:radial-gradient(circle at center,#0f172ad9,#080b12f5)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:hidden!important}.mso-login-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.mso-login-card-glass{width:100%;max-width:440px;background:#0f172ad1;border-radius:28px;padding:40px 36px;box-shadow:0 30px 70px #0009,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.12);animation:adminLoginScaleUp .45s cubic-bezier(.16,1,.3,1) forwards;color:#fff}.login-brand-header-premium{text-align:center;margin-bottom:28px}.login-logo-orb-3d{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;background:linear-gradient(135deg,#2563eb33,#10b98133);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #10b98140;transition:transform .3s ease}.login-logo-orb-3d:hover{transform:scale(1.05) rotate(2deg)}.nsv-iptv-cable-logo-lg{width:54px;height:54px}.premium-login-title{font-family:var(--font-heading);font-size:20px;font-weight:900;color:#fff;letter-spacing:.5px}.premium-login-title span{color:#10b981}.premium-login-sub{font-size:12px;color:#94a3b8;margin-top:4px;font-weight:600}.mso-login-form-premium .form-group label{display:block;font-size:12px;font-weight:800;color:#cbd5e1;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.icon-input-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:14px;font-size:16px;pointer-events:none}.input-iconic{padding-left:44px!important;background:#1e293bb3!important;border:1.5px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:14px!important;height:48px;font-size:14px!important}.input-iconic:focus{border-color:#10b981!important;box-shadow:0 0 16px #10b98159!important;background:#1e293bf2!important}.btn-emerald-login-glow{width:100%;height:50px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;font-family:var(--font-heading);font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px #10b98166;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-emerald-login-glow:hover{transform:translateY(-2px);box-shadow:0 14px 35px #10b9818c}.btn-emerald-login-glow:active{transform:scale(.98)}.btn-emerald-submit-glow{width:100%;height:52px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:14px;font-family:var(--font-heading);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #05966959;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.3px}.btn-emerald-submit-glow:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-3px) scale(1.01);box-shadow:0 14px 35px #10b98180}.btn-emerald-submit-glow:active{transform:scale(.98)}@keyframes msoTabFadeIn{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlowEmerald{0%,to{box-shadow:0 12px 30px #0596694d}50%{box-shadow:0 16px 40px #05966980}}.mso-wallet-banner-card{animation:pulseGlowEmerald 4s infinite ease-in-out;transition:all .3s ease}.mso-stat-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.mso-stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 30px #00000014}.mso-tab-content.active{animation:msoTabFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.form-control-mso-input{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:10px;font-size:13px;outline:none}.form-control-mso-input:focus{border-color:var(--emerald-primary)}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mso-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.mso-modal-overlay.hidden{display:none!important}.mso-modal-card{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 40px #00000026}.mso-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mso-btn-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#94a3b8}.mso-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-mso-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer}.transfer-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#e2e8f0;padding:8px;border-radius:16px;border:1.5px solid #cbd5e1}.mode-opt{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;font-family:var(--font-heading);font-size:13px;font-weight:800;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.16,1,.3,1);border:2px solid #cbd5e1;background:#f8fafc;opacity:.65}.mode-opt:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mode-opt:active{transform:scale(.96)}.mode-opt input[type=radio]{accent-color:#10b981;width:16px;height:16px;cursor:pointer;pointer-events:none}.mode-credit.active{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#047857!important;opacity:1!important;box-shadow:0 8px 24px #10b98173!important;transform:translateY(-2px) scale(1.03)!important}.mode-credit.active input[type=radio]{accent-color:#ffffff}.mode-debit.active{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#b91c1c!important;opacity:1!important;box-shadow:0 8px 24px #ef444473!important;transform:translateY(-2px) scale(1.03)!important}.mode-debit.active input[type=radio]{accent-color:#ffffff}.form-control-mso-input.input-error-red{border:2px solid #ef4444!important;background-color:#fef2f2!important;color:#dc2626!important;font-weight:800!important;box-shadow:0 0 10px #ef444440!important}.input-warn-red-text{font-size:11.5px;font-weight:800;color:#ef4444;margin-top:6px}.hidden{display:none!important}.brand-mso-icon,.login-logo-orb-3d{position:relative;border-radius:14px;animation:logoOrbFloat 4s ease-in-out infinite alternate}@keyframes logoOrbFloat{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 14px rgba(16,185,129,.35))}50%{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 8px 22px rgba(59,130,246,.5))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 14px rgba(16,185,129,.35))}}.brand-mso-icon,.login-logo-orb-3d{width:clamp(75px,8.5vw,110px)!important;height:clamp(75px,8.5vw,110px)!important;aspect-ratio:1 / 1!important;border-radius:clamp(20px,2.2vw,28px)!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.nsv-iptv-cable-logo,.nsv-iptv-cable-logo-lg,.nsv-iptv-cable-logo-compact{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-brand-mso:hover .nsv-iptv-cable-logo,.login-brand-header-premium:hover .nsv-iptv-cable-logo-lg,.brand-mso-icon:hover{cursor:default!important;transform:none!important}.signal-wave{transform-origin:center;animation:signalWavePropagate 2s cubic-bezier(.4,0,.6,1) infinite}.signal-wave.wave-1{animation-delay:0s}.signal-wave.wave-2{animation-delay:.35s}.signal-wave.wave-3{animation-delay:.7s}@keyframes signalWavePropagate{0%{opacity:.35;stroke-width:2.5px}50%{opacity:1;stroke-width:4.5px;filter:drop-shadow(0 0 8px rgba(56,189,248,.85))}to{opacity:.35;stroke-width:2.5px}}.logo-pulse-dot{animation:dotGlowPulse 1.5s ease-in-out infinite alternate}@keyframes dotGlowPulse{0%{r:3.5px;fill:#ef4444;filter:drop-shadow(0 0 2px #ef4444)}to{r:5.5px;fill:#ff6b6b;filter:drop-shadow(0 0 12px #ef4444)}}.brand-mso-title{background:linear-gradient(135deg,#0f172a,#059669,#2563eb);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradientShift 4s ease infinite}@keyframes textGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}input::-ms-reveal,input::-ms-clear,input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{display:none!important;width:0!important;height:0!important;visibility:hidden!important}
