:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", sans-serif;--bg-page: #0b1120;--bg-sidebar: #0f172a;--bg-card: rgba(15, 23, 42, .8);--primary-blue: #3b82f6;--primary-blue-hover: #2563eb;--light-blue-bg: rgba(59, 130, 246, .15);--text-dark: #ffffff;--text-muted: #94a3b8;--text-light: #cbd5e1;--border-color: rgba(255, 255, 255, .12);--border-radius-card: 20px;--border-radius-sm: 12px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6)}*{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.operator-theme{font-family:var(--font-body);background-color:#0b1120;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.18) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.08) 0%,transparent 60%);background-attachment:fixed;color:#fff;min-height:100vh;overflow-x:hidden!important;-webkit-font-smoothing:antialiased}.operator-app{width:100%;max-width:100%;overflow-x:hidden!important;min-height:100vh}.operator-layout{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden!important}.operator-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}.operator-main{margin-left:290px}.sidebar-brand-lco{display:flex;align-items:center;gap:16px;padding:24px 20px 16px;border-bottom:1px solid var(--border-color)}.brand-lco-icon,.lco-logo-orb,.login-logo-orb-compact{width:clamp(75px,8.5vw,110px)!important;height:clamp(75px,8.5vw,110px)!important;aspect-ratio:1 / 1!important;flex-shrink:0;border-radius:clamp(20px,2.2vw,28px)!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 36px #000000b3,0 0 30px #2563eb99!important;border:3px solid rgba(255,255,255,.4)!important;padding:clamp(6px,.8vw,10px)!important;animation:logoGlowPulse 3s ease-in-out infinite!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.brand-lco-icon:hover,.lco-logo-orb:hover,.login-logo-orb-compact:hover{cursor:default!important;transform: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}.logo-pulse-dot{animation:dotGlowPulse 1.2s ease-in-out infinite alternate!important;transform-origin:center!important}.signal-wave{transform-origin:center!important;animation:signalWavePropagate 1.8s cubic-bezier(.4,0,.6,1) infinite!important}.wave-1{animation-delay:0s!important}.wave-2{animation-delay:.35s!important}.wave-3{animation-delay:.7s!important}@keyframes logoGlowPulse{0%,to{box-shadow:0 8px 28px #0009,0 0 20px #2563eb66,inset 0 0 12px #fff3;transform:translateY(0) scale(1)}50%{box-shadow:0 14px 42px #000000bf,0 0 35px #2563ebd9,0 0 18px #ef444480,inset 0 0 20px #ffffff73;transform:translateY(-3px) scale(1.04)}}@keyframes dotGlowPulse{0%,to{r:3.5px;fill:#ef4444;filter:drop-shadow(0 0 4px #ef4444)}50%{r:6px;fill:#ff6b6b;filter:drop-shadow(0 0 14px #ef4444)}}@keyframes signalWavePropagate{0%{opacity:.25;stroke-width:2.5px;filter:drop-shadow(0 0 0px transparent)}50%{opacity:1;stroke-width:4.5px;filter:drop-shadow(0 0 10px #06b6d4)}to{opacity:.25;stroke-width:2.5px;filter:drop-shadow(0 0 0px transparent)}}@keyframes logoOrbFloat{0%{transform:translateY(0);filter:drop-shadow(0 4px 10px rgba(59,130,246,.3))}to{transform:translateY(-4px);filter:drop-shadow(0 8px 18px rgba(59,130,246,.6))}}.brand-lco-title{font-family:var(--font-heading);font-size:14px;font-weight:900;color:#fff;line-height:1.35;word-break:break-word}.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:#38bdf8;letter-spacing:.8px;padding:8px 12px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:13.5px;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent}.nav-item:hover{background:#ffffff12;color:#fff;transform:translate(3px)}.nav-item.active{background:linear-gradient(135deg,#3b82f640,#2563eb26);border:1px solid rgba(59,130,246,.4);color:#60a5fa;font-weight:800;box-shadow:0 4px 14px #3b82f633}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-lbl{flex:1}.nav-badge-pill{background:var(--primary-blue);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:12px}.sidebar-bottom{padding:16px 12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.nav-logout{color:#f87171!important}.nav-logout:hover{background:#ef444433!important;color:#ef4444!important}.operator-main{margin-left:260px;flex:1;padding:28px 36px}.operator-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.header-page-title{font-family:var(--font-heading);font-size:24px;font-weight:900;color:#fff;letter-spacing:-.5px}.header-search-bar{display:flex;align-items:center;gap:10px;background:#0f172acc;border:1px solid var(--border-color);border-radius:20px;padding:8px 18px;width:300px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-icon{font-size:14px;color:var(--text-muted)}.search-input{border:none;outline:none;background:transparent;width:100%;font-size:13px;color:#fff}.search-input::placeholder{color:#64748b}.header-right{display:flex;align-items:center;gap:12px}.icon-circle-btn{position:relative;width:40px;height:40px;border-radius:50%;background:#0f172acc;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;color:#fff;transition:all .2s ease}.icon-circle-btn:hover{background:#1e293be6;border-color:#fff3}.btn-dot-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile-pill{display:flex;align-items:center;gap:10px;background:#0f172acc;border:1px solid var(--border-color);padding:6px 16px 6px 6px;border-radius:30px;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-avatar-blue{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666}.user-meta-text{display:flex;flex-direction:column}.user-name{font-size:12px;font-weight:800;color:#fff;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;font-weight:700;color:#38bdf8}.caret-down{font-size:10px;color:var(--text-muted)}.operator-tab-content{display:none}.operator-tab-content.active{display:block;animation:adminTabFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes adminTabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-card-blue{background:linear-gradient(135deg,#1e3a8ab3,#0f172ae6);border:1px solid rgba(59,130,246,.35);border-radius:20px;padding:24px 28px;margin-bottom:24px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.welcome-card-blue h2{font-family:var(--font-heading);font-size:20px;font-weight:900;color:#60a5fa;margin-bottom:4px}.welcome-card-blue p{font-size:13.5px;color:#cbd5e1}.op-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}.op-stat-card{background:#0f172acc;border:1px solid var(--border-color);border-radius:18px;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.op-stat-card:hover{transform:translateY(-3px);border-color:#3b82f666;box-shadow:0 10px 25px #0006}.op-stat-left{display:flex;flex-direction:column}.op-stat-num{font-family:var(--font-heading);font-size:22px;font-weight:900;color:#fff;line-height:1.2}.op-stat-lbl{font-size:11.5px;color:var(--text-muted);font-weight:600;margin-top:2px}.op-stat-icon-sq{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.quick-actions-panel{background:#0f172acc;border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-section-title{font-family:var(--font-heading);font-size:17px;font-weight:900;color:#fff;margin-bottom:16px}.quick-action-list{display:flex;flex-direction:column;gap:12px}.quick-action-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:#1e293b99;border:1px solid var(--border-color);cursor:pointer;transition:all .25s ease}.quick-action-row:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.qa-icon-circle{width:40px;height:40px;border-radius:12px;background:#3b82f633;border:1px solid rgba(59,130,246,.35);display:flex;align-items:center;justify-content:center;font-size:16px;color:#60a5fa}.qa-info{flex:1}.qa-info h4{font-size:14.5px;font-weight:800;color:#fff}.qa-info p{font-size:12px;color:#94a3b8;margin-top:2px}.qa-arrow{font-size:16px;color:#60a5fa;font-weight:900;transition:transform .2s ease}.quick-action-row:hover .qa-arrow{transform:translate(4px)}.op-dashboard-grid-2col{display:grid;grid-template-columns:2fr 1fr;gap:20px}.white-card-panel{background:#0f172acc;border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff}.panel-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-header-left{display:flex;align-items:center;gap:10px}.header-icon-blue{font-size:18px}.panel-title-text{font-family:var(--font-heading);font-size:17px;font-weight:900;color:#fff}.badge-status-green{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px}.server-status-box{display:flex;align-items:center;justify-content:space-between;background:#1e293b99;border:1px solid var(--border-color);border-radius:14px;padding:16px 20px}.server-info{display:flex;align-items:center;gap:12px}.aws-icon{font-size:24px}.server-info h4{font-size:14px;font-weight:800;color:#fff}.server-info p{font-size:12px;color:#94a3b8}.uptime-val{text-align:right}.uptime-val span{font-family:var(--font-heading);font-size:18px;font-weight:900;color:#34d399}.uptime-val small{display:block;font-size:10.5px;color:#94a3b8;text-transform:uppercase}.table-responsive{overflow-x:auto}.op-table{width:100%;border-collapse:collapse;text-align:left}.op-table th{background:#1e293bcc;color:#38bdf8;font-size:11.5px;font-weight:800;padding:12px 14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.op-table td{padding:14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08);color:#f1f5f9}.btn-blue-add{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3b82f659}.btn-blue-add:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f680}.op-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background:radial-gradient(circle at center,#0f172ae6,#080b12fa)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}.op-modal-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.op-modal-card{width:100%;max-width:580px;background:#0f172af0;border:1.5px solid rgba(255,255,255,.15);border-radius:24px;padding:32px 28px;box-shadow:0 30px 80px #000000b3,inset 0 1px #ffffff26;color:#fff;animation:modalScalePop .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScalePop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.op-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.op-modal-header h3{font-family:var(--font-heading);font-size:19px;font-weight:900;color:#fff}.op-btn-close{background:#ffffff1a;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.op-btn-close:hover{background:#ef44444d;color:#ef4444}.form-control-op{background:#1e293bbf;border:1.5px solid rgba(255,255,255,.15);color:#fff;height:46px;border-radius:12px;padding:0 14px;font-size:13.5px;width:100%}.form-control-op:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f640}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.hidden{display:none!important}.operator-login-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background:radial-gradient(circle at center,#0f172aeb,#080b12fa)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}.operator-login-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.operator-login-card-glass{width:100%;max-width:440px;background:#0f172af0;border:1.5px solid rgba(255,255,255,.15);border-radius:24px;padding:36px 32px;box-shadow:0 30px 80px #000000bf,inset 0 1px #ffffff26;color:#fff;animation:modalScalePop .35s cubic-bezier(.16,1,.3,1) forwards}