:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf4ff;background:#07101f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -10%,#17306b 0,#07101f 35%);min-height:100vh}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:390px;background:#111a2f;border:1px solid #2c3b64;border-radius:18px;padding:34px;box-shadow:0 30px 80px #0007;text-align:center}.brand-icon{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,#6b55ff,#00c9ff);display:grid;place-items:center;font-size:36px;font-weight:900;margin:auto}.login-card h1{margin:20px 0 4px}.login-card p,.muted{color:#91a5c8}.login-card input,.modal input,.modal select,.modal textarea,.toolbar input,.toolbar select{width:100%;background:#0a1327;color:#fff;border:1px solid #33466f;border-radius:10px;padding:12px}.login-card input{margin:8px 0}.login-card button,.primary{border:0;background:linear-gradient(90deg,#3567ff,#7659ff);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700}.error{color:#ff8a98;margin:8px 0}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#081426;border-right:1px solid #223252;padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.logo{display:flex;align-items:center;gap:10px;padding:4px 5px 20px}.logo>span{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6b55ff,#00c9ff);display:grid;place-items:center;font-weight:900}.logo b{display:block;font-size:20px}.logo small{color:#7ea0d7}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.logout{display:flex;gap:11px;align-items:center;background:transparent;color:#9db4db;border:0;padding:10px 11px;border-radius:9px;text-align:left}.sidebar nav button.active,.sidebar nav button:hover,.logout:hover{background:#17284a;color:#fff}.logout{margin-top:auto}main{padding:0 18px 36px;min-width:0}header{height:72px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #223252;margin-bottom:18px}header h2{margin:0}header p{margin:4px 0 0;color:#8fa5ca}.top-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.xui-pill{font-size:12px;border:1px solid #2c496e;padding:8px 10px;border-radius:9px;color:#9ed5b1}.xui-pill i{display:inline-block;width:8px;height:8px;background:#33d176;border-radius:50%;margin-right:7px}.avatar{width:38px;height:38px;border-radius:50%;background:#6b55ff;display:grid;place-items:center;font-weight:800}.menu{display:none;background:none;border:0;color:#fff}.dashboard{display:grid;gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kpi,.panel{background:linear-gradient(180deg,#10203a,#0c172b);border:1px solid #263c62;border-radius:13px}.kpi{padding:15px;display:flex;gap:12px;align-items:center}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;box-shadow:0 0 18px #3974ff55}.kpi-icon.blue{background:#315ee8}.kpi-icon.green{background:#2cb45f}.kpi-icon.red{background:#e44252}.kpi-icon.purple{background:#515ae3}.kpi-icon.gold{background:#c9800c}.kpi-icon.cyan{background:#1594a1}.kpi span{display:block;color:#9bb1d6;font-size:12px}.kpi strong{display:block;font-size:24px;margin-top:4px}.kpi small{color:#47d477;font-size:10px}.dashboard-row{display:grid;gap:10px}.main-row{grid-template-columns:2.2fr 1.2fr 1fr 1.25fr}.lower-row{grid-template-columns:1.45fr 1fr}.panel{padding:15px;min-width:0}.panel h3{margin:0 0 12px;font-size:15px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head a{color:#5e8fff;font-size:12px}.panel-head select{background:#0e1a30;color:#dce8ff;border:1px solid #2b4066;border-radius:7px;padding:6px}.legend{font-size:11px;color:#93a9ca}.legend i{display:inline-block;width:8px;height:8px;background:#3974ff;margin-right:6px}.line-chart{width:100%;height:175px;margin-top:10px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;color:#7e93b4;font-size:10px}.donut-wrap{display:flex;gap:18px;align-items:center}.donut{width:135px;height:135px;border-radius:50%;display:grid;place-items:center}.donut>div{width:82px;height:82px;border-radius:50%;background:#0d192d;display:grid;place-items:center;align-content:center}.donut b{font-size:24px}.donut span{font-size:11px;color:#8da3c7}.status-legend{flex:1}.status-legend p{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;font-size:11px;color:#9db1d1}.status-legend i{width:8px;height:8px;border-radius:2px}.active-dot{background:#31c46c}.expired-dot{background:#ff4d5d}.disabled-dot{background:#f6ad22}.reseller-row,.activity-row{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #203454}.rank,.activity-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#2f64e8;font-weight:700}.r1{background:#734bd7}.r2{background:#64748b}.r3{background:#b66f09}.activity-icon.security{background:#832e3b}.activity-icon.api{background:#176b56}.reseller-row b,.activity-row b{display:block;font-size:12px}.reseller-row small,.activity-row small{display:block;color:#8097bd;font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-grid button{background:#0f1e35;border:1px solid #263b5f;border-radius:11px;color:#dfe9fb;padding:12px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.quick-grid svg{grid-row:1/3;color:#4f86ff}.quick-grid small{color:#8095b5}.security-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px}.security-grid>div{background:#0d1a2e;border:1px solid #213757;border-radius:10px;padding:12px}.security-grid span{display:block;color:#90a6ca;font-size:11px}.security-grid strong{display:block;font-size:25px;margin:6px 0}.security-grid strong small{font-size:12px}.security-grid em{font-style:normal;font-size:10px;background:#154d36;color:#57df9b;padding:5px 7px;border-radius:5px}.security-grid>div>small{color:#47d477}.world{height:130px;background:radial-gradient(circle,#12345c,#0a1629);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;gap:28px;color:#5f789f}.world>div{display:grid;grid-template-columns:1fr auto;gap:5px 20px;color:#b7c9e7;font-size:11px}.dot{position:absolute;width:7px;height:7px;background:#49db86;border-radius:50%;box-shadow:0 0 10px #49db86}.d1{left:24%;top:40%}.d2{left:42%;top:58%}.d3{left:56%;top:30%}.d4{left:66%;top:68%}.d5{left:34%;top:24%}.recent-table{padding:0;overflow:hidden}.recent-table .panel-head{padding:15px}.toolbar{display:grid;grid-template-columns:1fr 170px auto;gap:10px;margin-bottom:14px}.search{position:relative}.search svg{position:absolute;left:12px;top:12px}.search input{padding-left:38px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.table-wrap{overflow:auto;background:#101a2f;border:1px solid #2a3a60;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #223252;white-space:nowrap}th{color:#8fa7d1;font-size:12px}.actions{display:flex;gap:6px}.actions button{background:#17243e;border:1px solid #34466f;color:#fff;border-radius:8px;padding:7px}.actions .danger{color:#ff7d8e}.pill{padding:5px 9px;border-radius:999px;font-size:11px}.pill.active{background:#0b5c47;color:#68f5c1}.pill.expired{background:#6e2530;color:#ff9fac}.pill.disabled{background:#5a4719;color:#ffd979}.empty{text-align:center;padding:30px;color:#91a5c8}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:20px}.modal{width:min(650px,100%);background:#101a2f;border:1px solid #34466f;border-radius:16px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal label{display:grid;gap:6px;color:#9fb3d5}.modal textarea{min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions>button:not(.primary){background:#17243e;color:#fff;border:0;padding:12px 16px;border-radius:10px}.banner{background:#4a1c28;padding:10px;border-radius:9px}.loading{padding:30px}@media(max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.main-row{grid-template-columns:1.6fr 1fr}.main-row>.panel:nth-child(n+3){grid-column:auto}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;left:-240px;width:230px;transition:.2s}.sidebar.open{left:0}.menu{display:block}.kpi-grid{grid-template-columns:1fr 1fr}.main-row,.lower-row{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.toolbar,.form-grid{grid-template-columns:1fr}.xui-pill{display:none}}@media(max-width:560px){main{padding:0 10px 26px}.kpi-grid,.quick-grid{grid-template-columns:1fr}.login-card{width:calc(100% - 24px)}.security-grid{grid-template-columns:1fr 1fr}}.xui-pill.offline i{background:#ef4444}.xui-pill.connected i{background:#33d176}.source-note{display:flex;justify-content:flex-end;margin-bottom:-4px}.source-badge{font-size:10px;font-weight:800;padding:5px 9px;border-radius:999px;letter-spacing:.08em}.source-badge.xui{background:#0d5d48;color:#78f4c8}.source-badge.local{background:#453b13;color:#ffd56a}.warning{color:#ffd36a;background:#4a3b1522;border:1px solid #705d28}.success{color:#7cf3c0;background:#0f543d44;border:1px solid #1f7559}.line-source{display:flex;align-items:center;gap:12px;background:#0f1e35;border:1px solid #263b5f;padding:12px 14px;border-radius:12px;margin-bottom:12px}.line-source>div{display:grid;margin-right:auto}.line-source span{color:#8fa5ca;font-size:12px}.line-source select,.line-source button{background:#0a1327;color:#fff;border:1px solid #33466f;border-radius:8px;padding:9px 11px}.line-source button{display:flex;gap:7px;align-items:center}.modal-source{color:#8097bd;font-weight:400}.form-grid .full{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:14px}.settings-card label{display:grid;gap:7px;margin-top:16px;color:#b8c8e3}.settings-card input{width:100%;background:#0a1327;color:#fff;border:1px solid #33466f;border-radius:10px;padding:12px}.settings-card label small{color:#8097bd}.secret-input{display:grid;grid-template-columns:1fr auto}.secret-input input{border-radius:10px 0 0 10px}.secret-input button{border:1px solid #33466f;border-left:0;background:#17243e;color:#fff;border-radius:0 10px 10px 0;padding:0 14px}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.settings-actions button{display:flex;align-items:center;gap:8px;background:#17243e;color:#fff;border:1px solid #33466f;padding:11px 14px;border-radius:9px}.connection-guide ol{color:#9fb3d5;line-height:1.9;padding-left:20px}.connection-state{margin-top:20px;padding:14px;border-radius:10px;display:grid;gap:5px}.connection-state.ready{background:#0d5d4833;border:1px solid #1e765b}.connection-state.not-ready{background:#61222b33;border:1px solid #7d3440}.connection-state span{color:#9fb3d5;font-size:12px;word-break:break-all}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.line-source{align-items:stretch;flex-direction:column}.line-source>div{margin-right:0}}.line-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.line-stat-grid button{background:#101c33;border:1px solid #263c61;border-radius:14px;padding:16px;text-align:left;color:#fff;cursor:pointer}.line-stat-grid button span{display:block;color:#8fb7ef;font-size:13px}.line-stat-grid button strong{display:block;font-size:28px;margin-top:5px}.line-stat-grid button.active-filter{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6 inset}.lines-toolbar{flex-wrap:wrap}.lines-toolbar>button{display:flex;align-items:center;gap:7px}.bulk-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#122445;border:1px solid #31548a;border-radius:12px;margin:10px 0}.bulk-bar label{display:flex;align-items:center;gap:6px}.bulk-bar input{width:72px}.check-btn,.mini-copy,.username-link{border:0!important;background:transparent!important;padding:3px!important;color:#80b5ff!important}.username-link{font-weight:700;cursor:pointer}.selected-row{background:#132b50!important}.password-cell{font-family:ui-monospace,Consolas,monospace}.mini-copy{margin-left:5px}.closable{display:flex;align-items:center;justify-content:space-between}.closable button{border:0;background:transparent;color:inherit}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;color:#9cb9df}.pagination label{display:flex;align-items:center;gap:7px}.pagination button{display:flex;align-items:center}.detail-modal{max-width:720px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between}.detail-head>div{display:flex;align-items:center;gap:10px}.detail-head button{background:transparent;border:0;color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.detail-grid>div{background:#0b172b;border:1px solid #243b60;border-radius:10px;padding:12px}.detail-grid span{display:block;color:#86a9d5;font-size:12px}.detail-grid b{display:block;margin-top:4px}.activity-list{max-height:240px;overflow:auto;border-top:1px solid #263b5d}.activity-list>div{display:flex;gap:10px;padding:12px 2px;border-bottom:1px solid #1d3150}.activity-list p{margin:3px 0;color:#9ab6d9}.activity-list small{color:#6f8cb3}.activity-dot{width:9px;height:9px;background:#3b82f6;border-radius:50%;margin-top:6px;flex:none}@media(max-width:900px){.line-stat-grid{grid-template-columns:repeat(2,1fr)}.bulk-bar{align-items:stretch;flex-direction:column}.detail-grid{grid-template-columns:1fr 1fr}.pagination{justify-content:center;flex-wrap:wrap}}@media(max-width:560px){.line-stat-grid,.detail-grid{grid-template-columns:1fr}.lines-toolbar>*{width:100%}.pagination span{width:100%;text-align:center}}.module-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.module-head h3{margin:0 0 4px}.module-head .primary{padding:11px 15px}.reseller-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reseller-stats>div{background:#101c33;border:1px solid #263c61;border-radius:14px;padding:16px}.reseller-stats span{display:block;color:#8fb7ef;font-size:12px}.reseller-stats b{display:block;font-size:27px;margin-top:5px}.credit-link{border:0;background:#153e71;color:#88bdff;border-radius:999px;padding:6px 10px;font-weight:700}.current-credit{display:flex;justify-content:space-between;align-items:center;background:#0b172b;border:1px solid #263b5d;border-radius:12px;padding:14px;margin:12px 0}.current-credit span{color:#8da9cf}.current-credit b{font-size:24px}.transaction-list{max-height:220px;overflow:auto;border:1px solid #263b5d;border-radius:10px}.transaction-list>div{display:flex;align-items:center;gap:12px;padding:11px;border-bottom:1px solid #203451}.transaction-list>div:last-child{border-bottom:0}.transaction-list span{width:70px;font-weight:800}.transaction-list span.add{color:#5ee2a6}.transaction-list span.remove{color:#ff8392}.transaction-list b,.transaction-list small{display:block}.transaction-list small{color:#7593ba;margin-top:3px}@media(max-width:900px){.reseller-stats{grid-template-columns:1fr 1fr}.module-head{align-items:stretch;flex-direction:column}}@media(max-width:560px){.reseller-stats{grid-template-columns:1fr}}.table-note{display:block;margin-top:4px;color:#7f8aa3;font-size:11px;font-weight:400}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h3{margin:0 0 4px}.section-head .primary{display:flex;align-items:center;gap:8px}.mac-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;color:#8ec5ff}.mag-modal{max-width:760px}.mag-modal textarea{min-height:88px}.pill.disabled{background:#5b2731;color:#ffabb5}.pill.active{background:#164834;color:#72e7ad}.header-buttons{display:flex;gap:10px;align-items:center}.package-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}.package-check-grid button{justify-content:flex-start}.package-check-grid button.selected{border-color:#3974ff;background:#3974ff1f}@media print{.sidebar,header,.toolbar,.section-head button,.actions,.pagination,.banner{display:none!important}.shell main{margin:0!important}.table-wrap{overflow:visible!important}body{background:#fff!important;color:#000!important}}.report-filters{align-items:end}.report-filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:16px 0}.report-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.report-kpis span,.report-kpis small{display:block;color:var(--muted)}.report-kpis b{display:block;font-size:24px;margin:8px 0}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.report-bars{display:grid;gap:12px}.report-bars>div{display:grid;grid-template-columns:95px 1fr 120px;align-items:center;gap:12px}.report-bars span small{display:block;color:var(--muted)}.report-bars i{height:10px;background:var(--input);border-radius:10px;overflow:hidden}.report-bars em{display:block;height:100%;background:#3974ff;border-radius:10px}.report-bars b{text-align:right}.report-list{display:grid;gap:10px}.report-list>div{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border)}.report-list>div div{flex:1}.report-list small{display:block;color:var(--muted)}.report-export{display:flex;align-items:center;gap:10px;margin-top:16px}.report-export>div:first-child{margin-right:auto}.credit-summary{display:flex;gap:14px;margin-left:12px;color:var(--muted)}.credit-summary b{color:var(--text)}@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.report-export{flex-wrap:wrap}.credit-summary{width:100%;margin-left:0}}@media(max-width:650px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-bars>div{grid-template-columns:75px 1fr}.report-bars b{grid-column:2}.report-export button{width:100%}.credit-summary{display:grid}}.audit-head-actions{display:flex;gap:10px}.danger-outline{border-color:#7f2f3a!important;color:#ff7180!important}.audit-stats{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:18px 0}.audit-stats>div{background:var(--panel,#111827);border:1px solid var(--border,#263247);border-radius:12px;padding:16px}.audit-stats span{display:block;color:#8f9bb3;font-size:12px}.audit-stats b{display:block;font-size:24px;margin-top:7px}.audit-filters{flex-wrap:wrap}.audit-filters input[type=date]{max-width:155px}.audit-action{display:inline-flex;padding:4px 9px;border-radius:999px;text-transform:uppercase;font-size:11px;font-weight:700;background:#263247;color:#c9d3e8}.audit-action.login{background:#173a63;color:#72b7ff}.audit-action.create{background:#173f30;color:#6de3a4}.audit-action.update{background:#4a3a17;color:#ffd56d}.audit-action.delete{background:#4d2028;color:#ff8792}@media(max-width:1100px){.audit-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.audit-stats{grid-template-columns:repeat(2,1fr)}.audit-head-actions{width:100%;flex-wrap:wrap}}.live-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.live-controls select,.live-controls button{background:var(--panel,#101c33);border:1px solid var(--border,#2a3c5e);color:var(--text,#fff);border-radius:9px;padding:9px 11px}.live-controls button{display:flex;align-items:center;gap:7px}.live-alerts{display:grid;gap:8px;margin-bottom:14px}.live-alert{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px}.live-alert.warning{background:#4b391b;border:1px solid #8a6925;color:#ffd87b}.live-alert.critical{background:#4b2029;border:1px solid #823543;color:#ff9aa5}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.service-card{display:flex;align-items:center;gap:10px;background:var(--panel,#101c33);border:1px solid var(--border,#263c61);border-radius:13px;padding:14px}.service-card div{flex:1}.service-card b,.service-card small{display:block}.service-card small{color:var(--muted,#8fa5ca);margin-top:3px}.service-card strong{font-size:11px}.service-light{width:11px;height:11px;border-radius:50%;box-shadow:0 0 12px currentColor}.service-light.online{background:#37d78a;color:#37d78a}.service-light.offline{background:#ff6474;color:#ff6474}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.system-card{background:var(--panel,#101c33);border:1px solid var(--border,#263c61);border-radius:14px;padding:16px}.system-card>svg{color:#69a9ff}.system-card span,.system-card small{display:block;color:var(--muted,#8fa5ca)}.system-card span{margin-top:10px}.system-card b{display:block;font-size:25px;margin:5px 0}.system-card>i{display:block;height:7px;background:#071224;border-radius:9px;overflow:hidden;margin:9px 0}.system-card>i em{display:block;height:100%;background:#3974ff;border-radius:9px}.live-chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.live-chart{position:relative;min-height:285px}.live-chart svg{width:100%;height:205px;margin-top:10px;background:linear-gradient(transparent 24%,#24334d55 25%,transparent 26%,transparent 49%,#24334d55 50%,transparent 51%,transparent 74%,#24334d55 75%,transparent 76%)}.live-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.cpu-line{stroke:#4f8dff}.mem-line{stroke:#a76cff}.online-line{stroke:#3ddc97}.live-legend{display:flex;gap:16px;color:var(--muted,#8fa5ca);font-size:12px}.live-legend span{display:flex;align-items:center;gap:6px}.live-legend i{width:9px;height:9px;border-radius:50%}.cpu-dot{background:#4f8dff}.mem-dot{background:#a76cff}.connection-now{position:absolute;right:24px;top:80px;text-align:right}.connection-now b{display:block;font-size:42px}.connection-now span{color:var(--muted,#8fa5ca)}.business-live-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.business-live-grid>div{background:var(--panel,#101c33);border:1px solid var(--border,#263c61);border-radius:12px;padding:13px}.business-live-grid span{display:block;color:var(--muted,#8fa5ca);font-size:12px}.business-live-grid b{display:block;font-size:23px;margin-top:5px}.network-panel{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.network-panel>div:first-child{margin-right:auto}.network-panel>div:not(:first-child){min-width:120px}.network-panel span{display:block;color:var(--muted,#8fa5ca);font-size:12px}.network-panel b{display:block;margin-top:5px}.live-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#07101f;padding:20px;overflow:auto}.live-fullscreen .section-head{position:sticky;top:0;background:#07101f;z-index:2;padding-bottom:12px}@media(max-width:1150px){.service-grid,.system-grid{grid-template-columns:repeat(2,1fr)}.business-live-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.live-chart-grid,.service-grid,.system-grid{grid-template-columns:1fr}.business-live-grid{grid-template-columns:repeat(2,1fr)}.live-controls>*{flex:1}.network-panel{display:grid;grid-template-columns:1fr 1fr}}.live-lines-module .section-head{align-items:center}.live-line-drawer{width:min(860px,96vw);max-height:92vh;overflow:auto}.live-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}.live-action-grid label{display:flex;flex-direction:column;gap:8px;background:var(--panel,#151b2b);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:12px}.live-action-grid button{justify-content:center}.connection-mini-list{display:grid;gap:8px;margin-bottom:20px}.connection-mini-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff06}.connection-mini-list small{display:block;color:#8f9bb3;margin-top:3px}.live-lines-module .table-note{display:block;margin-top:3px}@media(max-width:800px){.live-action-grid{grid-template-columns:1fr}.live-line-drawer{width:96vw}}.access-modal{max-width:980px}.permission-grid{display:grid;gap:8px;max-height:360px;overflow:auto;margin:12px 0}.permission-row{display:grid;grid-template-columns:minmax(130px,1fr) repeat(5,minmax(70px,.55fr));align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border,#263148);border-radius:10px;background:#ffffff05;text-transform:capitalize}.permission-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#98a2b3);text-transform:capitalize}.permission-row input{width:auto}@media(max-width:760px){.permission-row{grid-template-columns:1fr 1fr 1fr}.permission-row b{grid-column:1/-1}.access-modal{max-width:95vw}}:root{--bg:#070d18;--bg-soft:#0b1322;--panel:#101b2e;--panel-2:#13213a;--panel-hover:#172844;--border:#233555;--border-soft:#1a2943;--text:#f4f7fb;--muted:#8fa2bf;--primary:#4d7cff;--primary-2:#6d5dfc;--success:#2fd28a;--warning:#ffb020;--danger:#ff5c70;--info:#25c2e8;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:16px;--sidebar-w:248px;--topbar-h:76px;color-scheme:dark}:root[data-theme=light]{--bg:#f3f6fb;--bg-soft:#edf2f8;--panel:#fff;--panel-2:#f7f9fc;--panel-hover:#eef3fb;--border:#dbe4f0;--border-soft:#e7edf5;--text:#14213a;--muted:#6f7f97;--shadow:0 16px 40px rgba(40,63,96,.11);color-scheme:light}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 80% -10%,rgba(61,96,210,.2),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button{transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s}button:active{transform:translateY(1px)}.shell{min-height:100vh;background:transparent}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:50;background:linear-gradient(180deg,#0b1425,#09111f);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:14px 12px;box-shadow:12px 0 40px #00000014;transition:width .22s,transform .22s}.logo{height:62px;display:flex;align-items:center;gap:12px;padding:0 8px 14px;border-bottom:1px solid var(--border-soft);margin-bottom:10px}.logo>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:900;background:linear-gradient(135deg,#5d78ff,#24c3e9);box-shadow:0 10px 25px #4076ff52}.logo>div{min-width:0;flex:1}.logo b{display:block;font-size:17px;letter-spacing:.4px}.logo small{display:block;font-size:9px;letter-spacing:1.45px;color:#5f91d8;margin-top:2px}.sidebar-collapse{width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:8px}.sidebar-collapse:hover{background:var(--panel-hover);color:var(--text)}.sidebar nav{overflow:auto;flex:1;padding:2px 0 12px;scrollbar-width:thin}.nav-heading{padding:18px 12px 7px;color:#58708f;font-size:10px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.sidebar nav button{width:100%;height:42px;border:0;border-left:3px solid transparent;border-radius:10px;background:transparent;color:#9db0ca;display:flex;align-items:center;gap:11px;padding:0 11px;margin:3px 0;text-align:left;position:relative;font-size:13px;font-weight:600}.sidebar nav button:hover{background:#5777ab1f;color:#eaf1fb}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#4b74ff4d,#4b74ff1a);border-left-color:#6790ff;box-shadow:inset 0 0 0 1px #6d91ff24}.nav-icon{width:21px;display:grid;place-items:center;flex:none}.nav-label{white-space:nowrap;overflow:hidden}.live-nav-dot{width:7px;height:7px;background:#31dc91;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #31dc91}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 8px 2px;border-top:1px solid var(--border-soft)}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user b,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user b{font-size:12px}.sidebar-user small{text-transform:capitalize;color:var(--muted);font-size:10px;margin-top:3px}.sidebar-user .logout{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:transparent}.sidebar-user .logout:hover{color:#ff8796;border-color:#71404c;background:#361923}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#675ef9,#4389ff);color:#fff;font-weight:800;font-size:12px;flex:none}.shell main{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .22s}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:40;background:#070d18d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left,.top-actions,.profile-button{display:flex;align-items:center}.topbar-left{gap:12px}.menu{display:none;width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:11px}.breadcrumb small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.75px;margin-bottom:3px}.breadcrumb h2{margin:0;font-size:20px;letter-spacing:-.25px}.top-actions{gap:9px}.icon-button{width:39px;height:39px;padding:0;display:grid;place-items:center;position:relative;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--panel-hover)}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);top:8px;right:8px;box-shadow:0 0 0 3px var(--panel)}.profile-button{gap:9px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:5px 9px 5px 5px;border-radius:12px}.profile-button>span:nth-child(2){text-align:left}.profile-button b,.profile-button small{display:block;line-height:1.15}.profile-button b{font-size:11px}.profile-button small{font-size:9px;color:var(--muted);text-transform:capitalize;margin-top:4px}.xui-pill{height:39px;padding:0 12px;border-radius:11px;font-weight:700;font-size:10px;letter-spacing:.15px}.page-content{padding:22px 24px 36px;max-width:1920px;margin:0 auto}.sidebar-collapsed{--sidebar-w:78px}.sidebar-collapsed .logo>div,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-heading,.sidebar-collapsed .sidebar-user>div:nth-child(2),.sidebar-collapsed .live-nav-dot{display:none}.sidebar-collapsed .logo{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .logo>span{width:38px;height:38px}.sidebar-collapsed .sidebar-collapse{position:absolute;right:-14px;top:24px;border:1px solid var(--border);background:var(--panel)}.sidebar-collapsed .sidebar nav button{justify-content:center;padding:0;border-left:0}.sidebar-collapsed .sidebar-user{justify-content:center}.sidebar-collapsed .sidebar-user .logout{display:none}.panel,.table-wrap,.kpi,.reseller-stats>div,.report-kpis>div,.audit-stats>div,.system-card,.service-card,.business-live-grid>div{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 92%,#000 8%));border:1px solid var(--border);box-shadow:0 1px #ffffff05,0 14px 35px #00000014;border-radius:var(--radius)}.panel{padding:16px}.panel:hover,.kpi:hover,.reseller-stats>div:hover{border-color:#31507c}.panel-head h3,.section-head h3,.module-head h3{font-size:14px;letter-spacing:-.1px}.muted{color:var(--muted)!important}.kpi-grid{gap:12px}.kpi{min-height:102px;padding:16px}.kpi>div:last-child{min-width:0}.kpi span{font-size:11px;color:var(--muted)}.kpi strong{font-size:25px;letter-spacing:-.6px;margin:5px 0}.kpi small{font-size:9px}.kpi-icon{width:42px;height:42px;border-radius:13px;box-shadow:inset 0 0 0 1px #ffffff1a}.dashboard-row{gap:12px}.main-row{grid-template-columns:minmax(420px,1.75fr) minmax(260px,.85fr) minmax(230px,.8fr) minmax(260px,.9fr)}.chart-panel{min-height:274px}.line-chart{filter:drop-shadow(0 10px 12px rgba(61,116,255,.2))}.quick-grid{gap:10px}.quick-grid button{border:1px solid var(--border);background:var(--panel);border-radius:13px;color:var(--text);min-height:62px}.quick-grid button:hover{transform:translateY(-2px);border-color:#4774b5;background:var(--panel-hover);box-shadow:var(--shadow)}.toolbar,.line-source,.bulk-bar{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:11px;margin-bottom:12px}.toolbar input,.toolbar select,input,select,textarea{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:0}.toolbar input:focus,.toolbar select:focus,input:focus,select:focus,textarea:focus{border-color:#527dff;box-shadow:0 0 0 3px #527dff1f}button.primary,.primary{background:linear-gradient(135deg,#4d7cff,#675ef9)!important;border-color:#748fff!important;color:#fff!important;box-shadow:0 8px 20px #4b74ff38}button.primary:hover{filter:brightness(1.07);box-shadow:0 12px 28px #4b74ff52}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%}.table-wrap thead{background:color-mix(in srgb,var(--panel-2) 85%,#000 15%)}.table-wrap th{font-size:10px;letter-spacing:.55px;text-transform:uppercase;color:#8094b2;font-weight:800;padding:12px}.table-wrap td{padding:12px;border-top:1px solid var(--border-soft);font-size:12px}.table-wrap tbody tr{transition:background .15s}.table-wrap tbody tr:hover{background:#537abe13}.actions button,.check-btn,.mini-copy{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:8px}.actions button:hover,.mini-copy:hover{color:#fff;background:#25416f;border-color:#39659e}.actions button.danger:hover{background:#4b202a;color:#ff9aaa;border-color:#793541}.pill{font-size:9px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid transparent}.pill.active,.pill.paid{background:#2fd28a1f;color:#60e6ac;border-color:#2fd28a40}.pill.disabled,.pill.overdue,.pill.expired{background:#ff5c701f;color:#ff8b99;border-color:#ff5c703b}.pagination{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:9px 12px;margin-top:10px}.pagination button,.pagination select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px}.modal-bg{background:#030810c2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:18px}.modal{background:linear-gradient(180deg,var(--panel),var(--bg-soft));border:1px solid #314a70;border-radius:18px;box-shadow:0 35px 110px #0000008c;padding:22px}.modal h3{font-size:17px}.modal-actions{border-top:1px solid var(--border-soft);padding-top:14px;margin-top:18px}.banner{border-radius:12px;border-width:1px}.loading,.empty{color:var(--muted)}.login-wrap{background:radial-gradient(circle at 20% 10%,rgba(77,124,255,.32),transparent 33%),radial-gradient(circle at 90% 80%,rgba(37,194,232,.18),transparent 28%),#060c16}.login-card{border-radius:22px;background:#0e192cdb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(112,144,198,.3);box-shadow:0 40px 120px #0000008c;padding:38px}.login-card h1{letter-spacing:2px}.login-card input{height:46px}.login-card button{height:46px;background:linear-gradient(135deg,#4d7cff,#675ef9);border-radius:11px;font-weight:800;box-shadow:0 14px 30px #4d7cff47}:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f7f9fd)}:root[data-theme=light] .topbar{background:#ffffffd6}:root[data-theme=light] .sidebar nav button.active{color:#244a9b}:root[data-theme=light] .sidebar nav button:hover{color:#1f3c6d}:root[data-theme=light] .logo b,:root[data-theme=light] .sidebar-user b{color:#13213b}:root[data-theme=light] .live-fullscreen{background:var(--bg)}.mobile-overlay{display:none}@media(max-width:1450px){.main-row{grid-template-columns:1.6fr .8fr 1fr}.main-row>.panel:nth-child(4){grid-column:1/-1}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.main-row{grid-template-columns:1fr 1fr}.main-row>.panel:nth-child(4){grid-column:auto}.topbar{padding:0 16px}.page-content{padding:18px 16px}.profile-button>span:nth-child(2),.profile-button>svg{display:none}}@media(max-width:820px){.shell,.sidebar-collapsed{--sidebar-w:0px}.sidebar{width:270px;transform:translate(-102%)}.sidebar.open{transform:translate(0);box-shadow:30px 0 80px #00000080}.sidebar-collapsed .logo>div,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-heading,.sidebar-collapsed .sidebar-user>div:nth-child(2),.sidebar-collapsed .live-nav-dot{display:block}.sidebar-collapsed .sidebar nav button{justify-content:flex-start;padding:0 11px}.sidebar-collapsed .sidebar-user{justify-content:flex-start}.sidebar-collapsed .sidebar-user .logout{display:grid}.sidebar-collapse{display:none}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;border:0}.menu{display:grid}.xui-pill{display:none}.main-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.page-content{padding:14px 10px}.topbar{height:68px;padding:0 10px}.breadcrumb small{display:none}.breadcrumb h2{font-size:16px}.profile-button{display:none}.kpi-grid,.quick-grid{grid-template-columns:1fr}.panel{padding:13px}.table-wrap{border-radius:12px}.section-head,.module-head{align-items:stretch;flex-direction:column}.section-head>button,.module-head>button{width:100%;justify-content:center}}.page-content{max-width:none;width:100%;padding:24px clamp(18px,2vw,34px) 44px}.shell main{background:radial-gradient(circle at 78% 0%,rgba(52,91,190,.09),transparent 28%),var(--bg)}.topbar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,560px) minmax(420px,1fr);gap:18px}.top-actions{justify-content:flex-end}.global-search-trigger{height:40px;border:1px solid var(--border);background:#101d32b8;color:var(--muted);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 11px;text-align:left;box-shadow:inset 0 1px #ffffff06}.global-search-trigger span{flex:1;font-size:11px}.global-search-trigger kbd,.command-input kbd{font:700 9px/1.2 inherit;color:#8ca2c5;border:1px solid var(--border);background:var(--panel-2);border-radius:6px;padding:4px 6px}.global-search-trigger:hover{border-color:#46689d;color:var(--text);background:var(--panel-hover)}.quick-action{height:39px;border:1px solid #4268b2;background:linear-gradient(135deg,#4475ff38,#6357f129);color:#bcd0ff;border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800}.notification-wrap{position:relative}.notification-panel{position:absolute;right:0;top:48px;width:340px;background:linear-gradient(180deg,#111f35,#0b1728);border:1px solid #304a72;border-radius:16px;box-shadow:0 28px 80px #00000085;padding:8px;z-index:90}.notification-panel>button{width:100%;display:flex;gap:11px;align-items:flex-start;text-align:left;padding:11px;border:0;border-radius:11px;background:transparent;color:var(--text)}.notification-panel>button:hover{background:#5a80be1a}.notification-panel b,.notification-panel small{display:block}.notification-panel b{font-size:11px}.notification-panel small{color:var(--muted);font-size:9px;margin-top:4px;line-height:1.4}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:9px 10px 11px;border-bottom:1px solid var(--border-soft);margin-bottom:3px}.notification-head b,.notification-head small{display:block}.notification-head small{font-size:9px;color:var(--muted);margin-top:3px}.notification-head button{border:0;background:transparent;color:var(--muted);padding:4px}.notice-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}.notice-icon.warning{background:#f6ad2224;color:#ffc857}.notice-icon.success{background:#2fd28a21;color:#62e8ae}.notice-icon.info{background:#4d7cff24;color:#79a1ff}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#02070fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.command-palette{width:min(680px,calc(100vw - 28px));background:linear-gradient(180deg,#13243e,#0b1729);border:1px solid #3a5883;border-radius:18px;box-shadow:0 40px 130px #000000a6;overflow:hidden}.command-input{height:62px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid var(--border)}.command-input input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--text);font-size:14px}.command-results{max-height:430px;overflow:auto;padding:8px}.command-results button{width:100%;display:flex;align-items:center;gap:12px;padding:11px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left}.command-results button:hover{background:#557dc321}.command-results button>span{width:34px;height:34px;border-radius:10px;background:#172e50;color:#72a0ff;display:grid;place-items:center}.command-results button div{flex:1}.command-results b,.command-results small{display:block}.command-results b{font-size:12px}.command-results small{font-size:9px;color:var(--muted);margin-top:3px}.command-empty{padding:34px;text-align:center;color:var(--muted)}.dashboard{width:100%}.kpi-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.main-row{grid-template-columns:minmax(430px,2fr) minmax(250px,.9fr) minmax(230px,.8fr) minmax(270px,1fr)}.lower-row{grid-template-columns:minmax(560px,1.6fr) minmax(420px,1fr)}.recent-table{width:100%}.dashboard .panel,.dashboard .kpi{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard .panel{min-width:0}.chart-panel{min-height:305px}.line-chart{height:185px}.source-note{margin-bottom:10px}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-42px;background:radial-gradient(circle,rgba(90,132,255,.16),transparent 68%)}.table-wrap{overflow:auto;max-width:100%}.table-wrap thead th{position:sticky;top:0;z-index:2}.section-head,.module-head{margin-bottom:16px}.toolbar{position:sticky;top:78px;z-index:15;box-shadow:0 8px 26px #0208122e}@media(max-width:1550px){.topbar{grid-template-columns:minmax(210px,.8fr) minmax(280px,440px) minmax(380px,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.main-row{grid-template-columns:1.55fr .85fr 1fr}.main-row>.panel:nth-child(4){grid-column:1/-1}.lower-row{grid-template-columns:1fr 1fr}}@media(max-width:1180px){.global-search-trigger{display:none}.topbar{grid-template-columns:1fr auto}.quick-action{display:none}.main-row,.lower-row{grid-template-columns:1fr 1fr}.main-row>.panel:nth-child(4){grid-column:auto}}@media(max-width:820px){.topbar{display:flex}.main-row,.lower-row{grid-template-columns:1fr}.notification-panel{position:fixed;right:12px;left:12px;top:68px;width:auto}.toolbar{position:static}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.kpi-grid{grid-template-columns:1fr}.command-overlay{padding-top:8vh}}.sidebar-search{margin:8px 10px 5px;height:34px;border:1px solid var(--border);border-radius:10px;background:#081221b8;display:flex;align-items:center;gap:8px;padding:0 10px;color:#6f88ad;transition:.2s}.sidebar-search:focus-within{border-color:#4d7cff;box-shadow:0 0 0 3px #4d7cff1a;color:#79a1ff}.sidebar-search input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:10px;padding:0!important;height:auto!important}.sidebar-search input::placeholder{color:#617695}.recent-nav{padding:3px 0 5px;border-bottom:1px solid var(--border-soft);margin-bottom:5px}.recent-nav .nav-heading{display:flex;align-items:center;gap:6px}.recent-star{margin-left:auto;opacity:.35}.sidebar-collapsed .sidebar-search{width:36px;padding:0;justify-content:center;margin-inline:auto}.sidebar-collapsed .sidebar-search input,.sidebar-collapsed .recent-nav{display:none}.sidebar nav{scrollbar-width:thin;scrollbar-color:#33496b transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#33496b;border-radius:10px}.page-content{animation:workspace-in .22s ease-out}@keyframes workspace-in{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.kpi{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.kpi:hover{transform:translateY(-2px);border-color:#3e5f91;box-shadow:0 16px 36px #0000002e}.panel{transition:border-color .18s ease,box-shadow .18s ease}.panel:hover{border-color:#314b73;box-shadow:0 14px 34px #0000001f}:root[data-theme=light] .sidebar-search{background:#f5f8fd}@media(max-width:820px){.sidebar-search{margin-top:9px}.recent-nav,.sidebar-collapsed .sidebar-search input{display:block}.sidebar-collapsed .sidebar-search{width:auto;padding:0 10px;margin:8px 10px 5px}}.shell{display:block!important;min-height:100vh;width:100%}.shell main{display:block!important;width:calc(100% - var(--sidebar-w))!important;max-width:none!important;margin-left:var(--sidebar-w)!important;min-width:0!important}.page-content{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}.page-content>section,.page-content>.panel,.lines-module,.live-lines-module,.reports-module,.settings-grid{width:100%!important;max-width:none!important;min-width:0!important}.section-head,.module-head{width:100%;min-width:0}.section-head>div,.module-head>div{min-width:0}.section-head p,.module-head p{max-width:760px;line-height:1.55}.line-source{display:flex!important;width:100%;align-items:center;flex-wrap:wrap}.line-source>div{min-width:190px}.line-stat-grid,.reseller-stats,.report-kpis,.service-grid,.system-grid,.business-live-grid{width:100%}.toolbar{width:100%;grid-template-columns:minmax(240px,1fr) minmax(150px,190px) auto!important;align-items:center}.lines-toolbar{grid-template-columns:minmax(260px,1fr) minmax(150px,190px) auto auto!important}.table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important}.table-wrap table{min-width:900px}.live-chart-grid,.report-grid{width:100%}.live-fullscreen{width:100%!important;margin:0!important}.recent-nav button{background:transparent!important;color:#9db0ca!important;border:0!important;border-left:3px solid transparent!important;border-radius:10px!important;width:100%!important;height:38px!important;padding:0 11px!important;margin:2px 0!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}.recent-nav button:hover{background:#5777ab1f!important;color:#fff!important}.recent-nav .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1151px){.service-grid,.system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.business-live-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.line-stat-grid,.reseller-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.report-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media(max-width:1100px){.shell main{width:100%!important;margin-left:0!important}.toolbar,.lines-toolbar{grid-template-columns:1fr 170px auto!important}}@media(max-width:820px){.toolbar,.lines-toolbar{display:grid!important;grid-template-columns:1fr!important}.toolbar>*{width:100%}.service-grid,.system-grid,.line-stat-grid,.reseller-stats,.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.service-grid,.system-grid,.line-stat-grid,.reseller-stats,.report-kpis,.business-live-grid{grid-template-columns:1fr!important}.page-content{padding-inline:10px!important}}.modal-bg{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;padding:32px 20px!important;background:#02070fd6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;isolation:isolate!important}.modal-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#02070f1f;pointer-events:none}.modal-bg>.modal,.modal-bg>form.modal{position:relative!important;z-index:10001!important;width:min(680px,calc(100vw - 32px))!important;max-height:calc(100vh - 64px)!important;overflow-y:auto!important;margin:auto!important;flex:none!important}.modal-bg .modal.mag-modal,.modal-bg .modal.credit-modal,.modal-bg .modal.detail-modal{width:min(760px,calc(100vw - 32px))!important}body:has(.modal-bg){overflow:hidden!important}.toolbar button,.line-source button,.bulk-bar button,.pagination button,.settings-actions button,.section-head>button,.module-head>button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--panel-2)!important;color:var(--text)!important;font-weight:700;cursor:pointer;box-shadow:none!important;transition:border-color .15s,background .15s,transform .15s}.toolbar button:hover,.line-source button:hover,.bulk-bar button:hover,.pagination button:hover,.settings-actions button:hover{background:var(--panel-hover)!important;border-color:#4d72aa!important;transform:translateY(-1px)}.toolbar button.primary,.section-head>button.primary,.module-head>button.primary,.modal-actions button.primary{background:linear-gradient(135deg,#4d7cff,#675ef9)!important;border-color:#748fff!important;color:#fff!important}.modal-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.toolbar,.line-source,.bulk-bar,.topbar,.sidebar{isolation:auto}.toolbar{z-index:20}@media(max-width:700px){.modal-bg{align-items:flex-start!important;padding:14px 10px!important}.modal-bg>.modal,.modal-bg>form.modal{width:100%!important;max-height:calc(100vh - 28px)!important}}.backup-page{display:grid;gap:14px}.backup-page-head{margin-bottom:0!important}.backup-head-actions{display:flex;align-items:center;gap:10px}.backup-head-actions button,.backup-setting-action button,.backup-empty button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-weight:750;cursor:pointer}.backup-head-actions .primary,.backup-setting-action .primary,.backup-empty .primary{background:linear-gradient(135deg,#4d7cff,#675ef9);border-color:#748fff;color:#fff}.backup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.backup-kpis>div{position:relative;min-height:120px;padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--panel),var(--panel-2));display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value" "icon note";column-gap:13px;align-content:center}.backup-kpis svg{grid-area:icon;color:#65a6ff;padding:9px;width:42px;height:42px;border-radius:12px;background:#487eff24}.backup-kpis span{grid-area:label;color:var(--muted);font-size:12px}.backup-kpis b{grid-area:value;font-size:22px;text-transform:capitalize}.backup-kpis small{grid-area:note;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-control-panel,.backup-list-panel{padding:16px!important}.backup-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.backup-panel-title h4,.backup-list-panel h4{margin:0 0 4px}.backup-schedule-pill{padding:6px 10px;border:1px solid var(--border);border-radius:999px;text-transform:capitalize;font-size:12px;font-weight:800;background:var(--panel-2)}.backup-schedule-pill.daily,.backup-schedule-pill.weekly{color:#4be49b;border-color:#4be49b59;background:#4be49b14}.backup-form-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(220px,1fr) minmax(180px,.8fr) auto;align-items:end;gap:14px}.backup-form-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px}.backup-form-grid input,.backup-form-grid select,.restore-modal input{width:100%;min-height:43px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);padding:10px 12px}.backup-form-grid small{font-size:11px;color:var(--muted)}.backup-setting-action{display:flex;align-items:flex-end}.backup-toast{position:fixed;right:24px;top:86px;z-index:12000;min-width:300px;max-width:480px;display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:12px;box-shadow:0 18px 45px #00000059;animation:backupToastIn .2s ease-out}.backup-toast.success{background:#063b32;border:1px solid #158f72;color:#80ffd7}.backup-toast.error{background:#451820;border:1px solid #a53549;color:#ffb5c0}.backup-toast button{margin-left:auto;background:transparent;border:0;color:inherit;cursor:pointer}@keyframes backupToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.backup-list-panel>.panel-head{margin-bottom:12px}.backup-list-panel>.panel-head>span{padding:5px 9px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:12px}.backup-file-cell{display:flex;align-items:center;gap:10px}.backup-file-cell svg{color:#6da5ff}.backup-file-cell div{display:grid;gap:2px}.backup-file-cell small{color:var(--muted)}.backup-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.backup-empty>div{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:#527cff1f;color:#70a3ff;margin-bottom:14px}.backup-empty h4{font-size:18px;margin:0 0 7px}.backup-empty p{max-width:520px;color:var(--muted);margin:0 0 18px}.restore-modal{text-align:left;width:min(560px,calc(100vw - 32px))!important}.restore-warning-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:#ffb547;background:#ffb54721;margin-bottom:12px}.restore-modal>p{color:var(--muted);line-height:1.55}.restore-file-summary{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);margin:14px 0}.restore-file-summary span{color:var(--muted)}.restore-modal>label{display:grid;gap:8px}.danger-solid{background:#d9465f!important;border:1px solid #ef6379!important;color:#fff!important}.danger-solid:disabled{opacity:.45;cursor:not-allowed}.backup-progress{position:fixed;left:50%;bottom:24px;z-index:12000;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:12px 18px;border:1px solid var(--border);border-radius:999px;background:var(--panel);box-shadow:0 18px 50px #00000073}.backup-progress span{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#6c91ff;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:1150px){.backup-kpis,.backup-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-setting-action{grid-column:2;justify-content:flex-end}}@media(max-width:650px){.backup-page-head{align-items:stretch!important}.backup-head-actions{width:100%}.backup-head-actions button{flex:1}.backup-kpis,.backup-form-grid{grid-template-columns:1fr}.backup-setting-action{grid-column:auto;justify-content:stretch}.backup-setting-action button{width:100%}.backup-toast{left:12px;right:12px;top:76px;min-width:0}.backup-list-panel{padding:10px!important}}.notification-count{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ff4d67;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;border:2px solid var(--bg,#07111f)}.notification-empty,.notification-view-all{padding:16px;text-align:center;color:#8fa7c9}.notification-view-all{width:100%;border-top:1px solid #203756!important;border-radius:0!important;justify-content:center!important}.notice-unread{background:#4670ff17!important}.notice-icon.info{background:#244ea8}.notice-icon.error{background:#8d2940}.notification-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.notification-kpis>div{background:var(--panel,#0e1d33);border:1px solid #28405f;border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center}.notification-kpis svg{grid-row:1/3;color:#6ca4ff}.notification-kpis span{color:#91a8c8;font-size:12px}.notification-kpis b{font-size:24px}.notification-actions{display:flex;gap:10px}.notification-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) 180px auto auto;align-items:center}.notification-unread-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;white-space:nowrap;color:#9cb1ce}.notification-unread-toggle input{width:16px!important;height:16px!important}.notification-list{padding:0!important;overflow:hidden}.notification-list article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:18px;border-bottom:1px solid #203551;cursor:pointer;transition:.15s}.notification-list article:hover{background:#4a70bc12}.notification-list article.unread{background:#4069d217;border-left:3px solid #5d83ff}.notification-type{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#244b89;color:#cfe0ff}.notification-type.success{background:#185b49;color:#70efc0}.notification-type.warning{background:#6d4d13;color:#ffd570}.notification-type.error{background:#6d2635;color:#ff9eb1}.notification-body>div{display:flex;justify-content:space-between;gap:16px}.notification-body h4{margin:0}.notification-body span,.notification-body small{color:#8197b6;font-size:12px}.notification-body p{margin:7px 0;color:#b3c5dc}.notification-row-actions{display:flex;align-items:center;gap:8px}.unread-badge{font-size:10px;background:#436cff;color:#fff;border-radius:10px;padding:3px 7px}.notification-page-empty{text-align:center;padding:60px 20px;color:#8ca2bf}.notification-page-empty h4{color:#dbe7fa;margin:12px 0 4px}.notification-compose{max-width:650px}.notification-compose .full{grid-column:1/-1}@media(max-width:900px){.notification-kpis{grid-template-columns:repeat(2,1fr)}.notification-toolbar{grid-template-columns:1fr 1fr}.notification-toolbar .search{grid-column:1/-1}}@media(max-width:600px){.notification-kpis,.notification-toolbar{grid-template-columns:1fr}.notification-list article{grid-template-columns:auto 1fr}.notification-row-actions{grid-column:2}.notification-body>div{display:block}}.system-monitor-page{display:grid;gap:16px}.monitor-actions{display:flex;gap:10px;flex-wrap:wrap}.monitor-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.monitor-kpis>div{background:var(--panel,#101f36);border:1px solid var(--border,#263d5e);border-radius:14px;padding:16px;display:grid;gap:6px;min-width:0}.monitor-kpis svg{color:#57a0ff}.monitor-kpis span,.monitor-kpis small{color:var(--muted,#94abc8)}.monitor-kpis b{font-size:25px}.service-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-health>div{background:var(--panel,#101f36);border:1px solid var(--border,#263d5e);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px}.service-health i{width:12px;height:12px;border-radius:50%;background:#8896aa;box-shadow:0 0 12px currentColor}.service-health .online i{background:#32d583;color:#32d583}.service-health .offline i{background:#ff5c6c;color:#ff5c6c}.service-health small{display:block;color:var(--muted,#94abc8);margin-top:3px}.monitor-alerts{display:grid;gap:8px}.monitor-alerts>div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px}.monitor-alerts .critical{background:#3d1722;border:1px solid #8b3145;color:#ff9aaa}.monitor-alerts .warning{background:#3a2c10;border:1px solid #76591a;color:#ffd36a}.server-health{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.server-health.online{background:#123d2b;color:#62e6a3}.server-health.offline{background:#421c27;color:#ff8798}.server-health.unknown{background:#273249;color:#b8c7dc}.error-text{color:#ff8798!important;max-width:240px;white-space:normal}.monitor-empty{text-align:center;padding:42px;color:var(--muted,#94abc8)}.monitor-empty svg{margin-bottom:10px}.monitor-log-list{display:grid}.monitor-log-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border,#263d5e)}.monitor-log-list small{display:block;color:var(--muted,#94abc8);margin-top:3px}.monitor-log-list>div>span{font-size:12px;color:var(--muted,#94abc8);text-transform:uppercase}.monitor-server-modal{width:min(650px,calc(100vw - 28px))}@media(max-width:1300px){.monitor-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.monitor-kpis,.service-health{grid-template-columns:1fr}.monitor-actions{width:100%}.monitor-actions button{flex:1}}:root{--brand-primary:#3974ff;--brand-accent:#7c5cff}.sidebar nav button.active,.primary,.login-card>button,.quick-action{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important}.logo>span,.brand-icon{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important}.sidebar-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;flex:0 0 auto}.login-brand-logo{width:92px;max-height:72px;object-fit:contain;margin:0 auto 12px;display:block}.login-welcome{display:flex;flex-direction:column;gap:4px;text-align:left;margin:18px 0 10px}.login-welcome b{font-size:15px}.login-welcome small,.login-footer{color:var(--muted)}.login-footer{display:block;text-align:center;margin-top:14px}.white-label-page{display:flex;flex-direction:column;gap:18px}.brand-mode{display:flex;gap:8px}.brand-mode button{display:flex;align-items:center;gap:8px}.brand-mode button.active{border-color:var(--brand-primary);color:#fff;background:color-mix(in srgb,var(--brand-primary) 22%,transparent)}.reseller-brand-picker{display:flex;align-items:end;gap:18px}.reseller-brand-picker label{min-width:280px}.white-label-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}.brand-editor h4{margin:22px 0 12px}.brand-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brand-color-grid label>div{display:grid;grid-template-columns:52px 1fr;gap:8px}.brand-color-grid input[type=color]{padding:4px;height:43px}.toggle-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.toggle-row input{width:18px;height:18px}.danger-outline{border-color:#ef5365!important;color:#ff6b7b!important}.brand-preview{align-self:start;position:sticky;top:92px}.preview-login{min-height:520px;border-radius:18px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--preview-primary) 30%,transparent),transparent 42%),linear-gradient(155deg,#111a32,#070b16);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;border:1px solid color-mix(in srgb,var(--preview-primary) 35%,#28314d)}.preview-login>img{width:105px;max-height:70px;object-fit:contain;margin-bottom:12px}.preview-logo{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--preview-primary),var(--preview-accent));display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:12px}.preview-login h3{font-size:24px;margin:0}.preview-login>p{color:#9da9c7}.preview-card{width:min(100%,330px);display:flex;flex-direction:column;gap:10px;background:#080d1cd1;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px;margin:22px 0}.preview-card small{color:#9da9c7}.preview-card span{height:42px;border:1px solid #2b3654;border-radius:9px}.preview-card button{height:42px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--preview-primary),var(--preview-accent));font-weight:800}.brand-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.brand-checklist div{display:flex;gap:8px;align-items:center;color:var(--muted)}.brand-checklist svg{color:#31c46c}@media(max-width:1050px){.white-label-layout{grid-template-columns:1fr}.brand-preview{position:static}.preview-login{min-height:430px}}@media(max-width:650px){.brand-mode,.reseller-brand-picker{flex-direction:column;align-items:stretch}.brand-color-grid,.brand-checklist{grid-template-columns:1fr}.reseller-brand-picker label{min-width:0}}.white-label-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start}.brand-editor{display:flex;flex-direction:column;gap:2px}.brand-editor>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-editor label{min-width:0}.brand-editor input,.brand-editor textarea,.brand-editor select{width:100%}.brand-editor .modal-actions{position:sticky;bottom:-18px;margin:18px -18px -18px;padding:14px 18px;background:linear-gradient(180deg,#0e1d33bf,#0e1d33 35%);border-top:1px solid #28405f;z-index:2}.brand-preview{top:84px}.preview-login{min-height:480px}.brand-mode button{background:#101f36!important;color:#b8cae3!important;border:1px solid #2a4468!important}.brand-mode button.active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important;color:#fff!important}.live-map-panel .world,.map-panel .world{min-height:190px;background:radial-gradient(circle at 65% 45%,rgba(46,116,255,.15),transparent 38%),linear-gradient(135deg,#0b1a30,#0c2340);border:1px solid #203e63;border-radius:14px;position:relative;overflow:hidden}.world .dot{animation:mapPulse 1.8s ease-in-out infinite}.world .dot:nth-child(2){animation-delay:.35s}.world .dot:nth-child(3){animation-delay:.7s}@keyframes mapPulse{0%,to{transform:scale(.8);opacity:.55}50%{transform:scale(1.45);opacity:1}}.plugin-page{display:grid;gap:16px}.plugin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plugin-kpis>div{background:var(--panel,#101f36);border:1px solid var(--border,#28405f);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.plugin-kpis svg{grid-row:1/3;color:#68a2ff}.plugin-kpis span{color:var(--muted,#95aac7);font-size:12px}.plugin-kpis b{font-size:25px}.plugin-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) 190px 160px auto}.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plugin-card{display:flex;flex-direction:column;gap:14px;min-height:250px;transition:.18s}.plugin-card:hover{transform:translateY(-2px);border-color:#446da6}.plugin-card.enabled{box-shadow:inset 0 3px #31c46c}.plugin-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.plugin-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#2957bb,#674ee6);display:grid;place-items:center;color:#fff}.plugin-card h4{margin:0}.plugin-card small,.plugin-card p{color:var(--muted,#95aac7)}.plugin-card p{margin:0;line-height:1.55;flex:1}.plugin-meta{display:flex;gap:8px}.plugin-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;border:1px solid #2a4366;border-radius:999px;padding:4px 8px;color:#9db4d2}.plugin-actions{display:flex;gap:8px;align-items:center}.plugin-actions button{display:inline-flex;align-items:center;gap:6px}.plugin-actions .danger{margin-left:auto}.plugin-empty{text-align:center;padding:60px;color:var(--muted,#95aac7)}.plugin-empty h4{color:#e8f1ff;margin:12px 0 4px}.plugin-safety{display:flex;gap:12px;padding:13px;border:1px solid #2c4d75;background:#0b203b;border-radius:11px;margin-top:14px}.plugin-safety svg{color:#55d89a;flex:0 0 auto}.plugin-safety small{display:block;color:var(--muted,#95aac7);margin-top:3px}.plugin-modal{width:min(680px,calc(100vw - 28px))}@media(max-width:1150px){.plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.white-label-layout{grid-template-columns:1fr}.brand-preview{position:static}}@media(max-width:780px){.plugin-kpis{grid-template-columns:repeat(2,1fr)}.plugin-toolbar{grid-template-columns:1fr 1fr}.plugin-toolbar .search{grid-column:1/-1}.brand-editor>.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.plugin-grid,.plugin-kpis,.plugin-toolbar{grid-template-columns:1fr}.plugin-toolbar .search{grid-column:auto}.plugin-actions{flex-wrap:wrap}}.security-map-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(440px,.95fr);gap:12px;align-items:stretch}.security-command-panel{padding:14px}.security-command-panel .panel-head p{margin:3px 0 0;font-size:11px}.security-command-body{display:grid;grid-template-columns:145px 1fr;gap:10px}.risk-summary{border-right:1px solid #243b5d;padding:8px 14px 8px 2px}.risk-summary>span,.security-kpis span{display:block;color:#91a9cd;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.risk-summary strong{display:block;font-size:34px;margin:7px 0}.risk-summary strong small{font-size:15px;color:#8ea5c8}.risk-summary em{display:inline-flex;background:#0d4c32;color:#53e99a;padding:5px 8px;border-radius:5px;font-size:10px;font-style:normal}.risk-summary p{font-size:10px;line-height:1.55;color:#8299bd}.security-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.security-kpis>div{background:#0d1a2f;border:1px solid #223958;border-radius:7px;padding:10px}.security-kpis strong{display:block;font-size:21px;margin:6px 0}.security-kpis small{font-size:9px;color:#42da83}.security-alerts{margin-top:10px;border:1px solid #223958;border-radius:8px;overflow:hidden}.security-alerts h4{margin:0;padding:9px 11px;background:#10213a;font-size:12px}.security-alerts table{font-size:10px}.security-alerts th,.security-alerts td{padding:7px 9px}.security-alerts td:first-child{display:flex;gap:6px;align-items:center}.risk-tag{font-size:8px;padding:3px 5px;border-radius:3px}.risk-tag.medium{background:#624915;color:#ffd66e}.risk-tag.high{background:#65232d;color:#ff9daa}.map-insights-column{display:grid;grid-template-rows:1fr auto;gap:10px}.world-map-card{padding:12px;overflow:hidden}.world-map-card .panel-head{align-items:flex-start}.world-map-card .panel-head h3{margin-bottom:2px}.world-map-card .panel-head small{display:block;color:#7892b8;font-size:10px}.world-map-visual{height:300px;background:radial-gradient(circle at 50% 45%,rgba(35,88,132,.24),transparent 55%),linear-gradient(180deg,#0a1d33,#07172a);border:1px solid #1f3b5d;border-radius:10px;position:relative;overflow:hidden}.world-map-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.8%,rgba(96,143,184,.05) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(96,143,184,.05) 50%,transparent 50.2%);pointer-events:none}.world-map-svg{width:100%;height:100%;display:block}.map-grid path{fill:none;stroke:#31516e;stroke-width:1;opacity:.16}.map-land path{stroke:#477ca5;stroke-width:1.5;opacity:.98;transition:.2s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.world-map-visual:hover .map-land path{filter:brightness(1.08) drop-shadow(0 2px 5px rgba(0,0,0,.25))}.map-border-lines path{fill:none;stroke:#6d98ba;stroke-width:1;opacity:.18}.map-location{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;color:#bfead1;font-size:9px;font-weight:700;z-index:3}.map-location i{width:8px;height:8px;border-radius:50%;background:#57ee91;box-shadow:0 0 0 4px #57ee911f,0 0 12px 3px #57ee91d9;animation:mapDotPulse 1.9s ease-in-out infinite}.map-location b{background:#071725d9;border:1px solid #2d5474;border-radius:4px;padding:2px 5px;line-height:1}.map-country-list{position:absolute;right:10px;top:10px;background:#071522e8;border:1px solid #2a4866;border-radius:8px;padding:8px 10px;min-width:108px;box-shadow:0 10px 25px #0005;z-index:4}.map-country-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b8c9df;font-size:10px;padding:4px 0}.map-country-list div+div{border-top:1px solid #18324c}.map-country-list div>span{display:flex;align-items:center;gap:7px}.map-country-list i{width:6px;height:6px;border-radius:50%;background:#48617b}.map-country-list i.online{background:#57ee91;box-shadow:0 0 7px #57ee91}.map-country-list strong{color:#f3f7ff}.map-empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);display:grid;justify-items:center;gap:5px;color:#7891b1;text-align:center}.map-empty-state svg{color:#4d7297}.map-empty-state b{color:#a9bdd5;font-size:12px}.map-empty-state span{font-size:9px}.map-empty-state+.map-country-list{display:none}@keyframes mapDotPulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.25);opacity:1}}.map-bottom-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:10px}.top-countries,.device-overview{padding:10px}.country-bar{display:grid;grid-template-columns:30px 1fr 34px;gap:6px;align-items:center;font-size:9px;margin:7px 0}.country-bar i{height:5px;background:#162b45;border-radius:99px;overflow:hidden}.country-bar i b{display:block;height:100%;background:linear-gradient(90deg,#35d4d9,#3974ff);border-radius:99px}.country-bar strong{text-align:right}.device-overview{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto 1fr;gap:6px 10px}.device-overview .panel-head{grid-column:1/-1}.device-donut{width:88px;height:88px;border-radius:50%;display:grid;place-items:center}.device-donut>div{width:54px;height:54px;background:#0c192c;border-radius:50%;display:grid;place-items:center;align-content:center}.device-donut b{font-size:18px}.device-donut span{font-size:9px;color:#879dbf}.device-legend p{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center;margin:6px 0;font-size:9px}.device-legend i{width:8px;height:8px;border-radius:2px}.device-legend i.android{background:#f5a623}.device-legend i.mag{background:#6c4cff}.device-legend i.enigma{background:#3974ff}.device-legend i.mobile{background:#2acb7f}@media(max-width:1250px){.security-map-dashboard{grid-template-columns:1fr}.security-command-body{grid-template-columns:130px 1fr}}@media(max-width:760px){.security-command-body,.map-bottom-grid{grid-template-columns:1fr}.risk-summary{border-right:0;border-bottom:1px solid #243b5d}.security-kpis{grid-template-columns:1fr 1fr}.device-overview{grid-template-columns:90px 1fr}}@media(max-width:480px){.security-kpis,.device-overview{grid-template-columns:1fr}.device-donut{margin:auto}}.white-label-pro{padding-bottom:92px}.theme-presets{display:flex;align-items:center;justify-content:space-between;gap:18px}.theme-presets>div:first-child{display:grid;gap:4px}.theme-presets small{color:var(--muted)}.preset-list{display:flex;flex-wrap:wrap;gap:8px}.preset-list button{display:flex;align-items:center;gap:8px;background:#0c1729;border:1px solid #2a4062;color:#cfe0f7;border-radius:10px;padding:8px 11px}.preset-list button span{width:25px;height:25px;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff26}.white-label-pro .white-label-layout{position:relative}.white-label-pro .brand-editor{padding-bottom:24px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.asset-upload{display:flex!important;align-items:center;gap:14px;border:1px dashed #38547b;border-radius:14px;padding:14px;background:#0b172a;cursor:pointer;min-height:112px}.asset-upload:hover{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,#0b172a)}.asset-thumb{width:86px;height:72px;display:grid;place-items:center;border-radius:12px;background:#111f36;border:1px solid #2d4568;overflow:hidden;flex:0 0 auto}.asset-thumb.favicon{width:62px;height:62px}.asset-thumb img{width:100%;height:100%;object-fit:contain;padding:6px}.asset-upload>span:last-child{display:grid;gap:5px}.asset-upload small{color:var(--muted);font-size:11px}.asset-upload input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px}.asset-upload em{font-style:normal;width:max-content;color:#fff;background:#172a47;border:1px solid #38547b;border-radius:8px;padding:7px 10px;font-size:12px}.url-fallback{margin:12px 0 18px;border:1px solid #253b5c;border-radius:12px;background:#0b1628}.url-fallback summary{cursor:pointer;padding:12px 14px;color:#9fb4d4}.url-fallback[open] summary{border-bottom:1px solid #253b5c}.url-fallback .form-grid{padding:14px}.brand-switch{display:grid!important;grid-template-columns:auto auto 1fr!important;align-items:center!important;gap:12px!important;padding:13px 14px;border:1px solid #2a4062;border-radius:12px;background:#0b1729}.brand-switch>input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:42px;height:23px;border-radius:999px;background:#33435c;padding:3px;transition:.2s}.switch-track i{display:block;width:17px;height:17px;background:#fff;border-radius:50%;transition:.2s}.brand-switch>input:checked+.switch-track{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))}.brand-switch>input:checked+.switch-track i{transform:translate(19px)}.brand-switch>span:last-child{display:grid;gap:2px}.brand-switch small{color:var(--muted);font-weight:400}.custom-css-field textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.brand-save-bar{position:fixed;left:calc(var(--sidebar-width,230px) + 20px);right:20px;bottom:16px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #355078;border-radius:14px;background:#091221f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #0008}.brand-save-bar>div{display:flex;align-items:center;gap:9px}.brand-save-bar>div:last-child{justify-content:flex-end;flex-wrap:wrap}.brand-save-bar button{display:inline-flex;align-items:center;gap:8px;border:1px solid #314968;background:#13233b;color:#fff;border-radius:9px;padding:10px 13px}.brand-save-bar button:disabled{opacity:.45;cursor:not-allowed}.dirty-dot{width:9px;height:9px;border-radius:50%;background:#f5b942;box-shadow:0 0 10px #f5b942}.white-label-pro .brand-editor>.modal-actions{display:none}.white-label-pro .backup-toast{position:fixed;right:26px;bottom:88px;z-index:60}.white-label-pro .preview-login{transition:.25s}.white-label-pro .preview-card button{transition:.2s}.white-label-pro .preview-card button:hover{transform:translateY(-1px)}@media(max-width:1150px){.theme-presets{align-items:flex-start;flex-direction:column}.asset-grid{grid-template-columns:1fr}.brand-save-bar{left:20px}.white-label-pro{padding-bottom:120px}}@media(max-width:720px){.brand-save-bar{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.brand-save-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.brand-save-bar .primary{grid-column:1/-1}.asset-upload{align-items:flex-start}.theme-presets{padding:14px}.white-label-pro{padding-bottom:190px}}.ticket-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.ticket-stats button{background:var(--panel,#101d33);border:1px solid var(--border,#29415f);border-radius:14px;padding:16px;text-align:left;color:inherit}.ticket-stats span{display:block;color:var(--muted,#8fa7c5);font-size:12px}.ticket-stats b{display:block;font-size:25px;margin-top:6px}.ticket-priority{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.ticket-priority.low{background:#17364a;color:#65c7ee}.ticket-priority.normal{background:#253257;color:#91a8ff}.ticket-priority.high{background:#4a3412;color:#ffbd50}.ticket-priority.urgent{background:#521d2b;color:#ff718c}.pill.open{background:#17364a;color:#65c7ee}.pill.resolved{background:#123d2c;color:#58dc9a}.pill.closed{background:#293243;color:#a6b4c8}.ticket-modal{width:min(780px,calc(100vw - 32px))}.ticket-detail{width:min(920px,calc(100vw - 32px));max-height:90vh;overflow:auto}.ticket-detail-badges{display:flex;gap:8px;margin-top:8px}.ticket-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.ticket-meta>div{padding:12px;border:1px solid var(--border,#29415f);border-radius:10px}.ticket-meta span{display:block;color:var(--muted,#8fa7c5);font-size:11px;margin-bottom:5px}.ticket-description{white-space:pre-wrap;padding:16px;background:#040c1959;border:1px solid var(--border,#29415f);border-radius:12px;line-height:1.6}.ticket-status-actions{display:flex;gap:8px;margin:14px 0}.ticket-status-actions button{display:inline-flex;gap:6px;align-items:center}.ticket-thread{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow:auto;padding-right:5px}.ticket-reply{display:flex;gap:11px;padding:13px;border:1px solid var(--border,#29415f);border-radius:12px;background:#09162873}.ticket-reply .avatar{flex:0 0 34px}.ticket-reply>div:last-child{min-width:0;flex:1}.ticket-reply>div>div{display:flex;justify-content:space-between;gap:10px}.ticket-reply small{color:var(--muted,#8fa7c5)}.ticket-reply p{white-space:pre-wrap;margin:7px 0 0;line-height:1.5}.ticket-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:15px}.ticket-reply-form textarea{min-height:76px}.empty svg{margin-bottom:8px;opacity:.65}.empty b,.empty span{display:block}@media(max-width:900px){.ticket-stats,.ticket-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-reply-form{grid-template-columns:1fr}}@media(max-width:520px){.ticket-stats,.ticket-meta{grid-template-columns:1fr}.ticket-reply>div>div{display:block}}.calendar-page{display:grid;gap:14px}.calendar-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.calendar-stats button{padding:16px;border:1px solid var(--border,#29415f);border-radius:14px;background:var(--panel,#101d33);color:inherit;text-align:left}.calendar-stats span{display:block;color:var(--muted);font-size:12px}.calendar-stats b{display:block;font-size:25px;margin-top:5px}.calendar-stats .overdue b{color:#ff718c}.calendar-toolbar{gap:10px}.view-switch{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.view-switch button{border:0!important;border-radius:0!important}.view-switch button.active{background:linear-gradient(135deg,#3974ff,#7158ff)!important;color:#fff}.calendar-shell{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--panel)}.calendar-nav{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--border)}.calendar-nav h4{margin:0;min-width:210px}.calendar-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:36px}.calendar-nav button:last-child{margin-left:auto}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays b{padding:10px;text-align:center;border-right:1px solid var(--border);color:var(--muted);font-size:12px}.calendar-day{min-height:132px;padding:8px;border-top:1px solid var(--border);border-right:1px solid var(--border);background:#0914244d}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{opacity:.42}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--brand-primary,#3974ff)}.day-number{display:flex;align-items:center;justify-content:space-between}.day-number span{font-weight:800}.day-number button{width:24px;height:24px;padding:0;display:grid;place-items:center;opacity:0}.calendar-day:hover .day-number button{opacity:1}.day-events{display:grid;gap:4px;margin-top:7px}.day-events button{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;border-radius:6px;padding:5px 6px;color:#dce9ff;background:#193454;font-size:10px}.day-events button i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:#65a5ff}.day-events button.meeting{background:#30295b}.day-events button.renewal{background:#173e35}.day-events button.follow_up{background:#493614}.day-events button.urgent{box-shadow:inset 3px 0 #ff5673}.day-events small{color:var(--muted)}.agenda-list{padding:0!important;overflow:hidden}.agenda-item{display:grid;grid-template-columns:auto 58px 1fr auto;align-items:center;gap:13px;padding:15px;border-bottom:1px solid var(--border)}.agenda-item:last-child{border-bottom:0}.agenda-item.completed{opacity:.58}.agenda-item.completed .agenda-main>b{text-decoration:line-through}.task-check{background:transparent!important;border:0!important;color:#70a4ff!important;padding:0!important}.agenda-date{text-align:center;padding:7px;border:1px solid var(--border);border-radius:10px}.agenda-date b,.agenda-date span{display:block}.agenda-date b{font-size:21px}.agenda-date span{text-transform:uppercase;font-size:10px;color:var(--muted)}.agenda-main{min-width:0}.agenda-main>div{display:flex;align-items:center;gap:9px}.agenda-main p{margin:5px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-main small{color:var(--muted)}.calendar-modal{width:min(820px,calc(100vw - 32px))}.calendar-modal .brand-switch{margin-top:13px}.calendar-modal .modal-actions .danger{margin-right:auto}@media(max-width:1050px){.calendar-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-day{min-height:110px}.calendar-toolbar{position:static!important;flex-wrap:wrap}.calendar-toolbar .search{min-width:100%}}@media(max-width:760px){.calendar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-shell{overflow:auto}.calendar-weekdays,.calendar-grid{min-width:760px}.agenda-item{grid-template-columns:auto 48px 1fr}.agenda-item>.actions{grid-column:3}.calendar-nav h4{min-width:0;flex:1}.calendar-nav button:last-child{margin-left:0}}@media(max-width:480px){.calendar-stats{grid-template-columns:1fr}.agenda-item{grid-template-columns:auto 1fr}.agenda-date{display:none}.agenda-main,.agenda-item>.actions{grid-column:2}.view-switch{width:100%}.view-switch button{flex:1}}.crm-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.crm-stats button{background:var(--panel,#111a2f);border:1px solid var(--border,#24304a);border-radius:14px;padding:16px;text-align:left;color:inherit}.crm-stats span{display:block;color:var(--muted,#8fa0bd);font-size:12px}.crm-stats b{display:block;font-size:24px;margin-top:7px}.crm-stage{min-width:120px;text-transform:capitalize;border-radius:999px;padding:6px 10px}.crm-stage.won{color:#31c46c}.crm-stage.lost{color:#ff5b6e}.crm-stage.negotiation,.crm-stage.proposal{color:#f6ad22}.probability{width:120px;height:24px;background:#0b1325;border:1px solid var(--border,#24304a);border-radius:999px;position:relative;overflow:hidden}.probability span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brand-primary,#3974ff),var(--brand-accent,#7c5cff));opacity:.55}.probability b{position:relative;display:block;text-align:center;line-height:22px;font-size:11px}.crm-note-form{display:flex;gap:10px;margin:10px 0 16px}.crm-note-form input{flex:1}.crm-detail{max-width:760px}.crm-modal{max-width:780px}@media(max-width:1000px){.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.crm-stats{grid-template-columns:1fr}.crm-note-form{flex-direction:column}}.communication-page{display:grid;gap:18px}.comm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.comm-stats>div{background:var(--panel,#101729);border:1px solid var(--border,#25304a);border-radius:14px;padding:18px;display:grid;gap:6px}.comm-stats span{color:var(--muted,#8d98ad);font-size:13px}.comm-stats b{font-size:26px}.comm-tabs{display:flex;gap:8px;flex-wrap:wrap}.comm-tabs button{text-transform:capitalize;border:1px solid var(--border,#25304a);background:var(--panel,#101729);padding:10px 16px;border-radius:10px;color:inherit}.comm-tabs button.active{background:var(--brand-primary,#3974ff);border-color:transparent;color:#fff}.comm-form{display:grid;gap:16px}.comm-form h4{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border,#25304a)}.comm-form>button{width:max-content}.comm-template-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px}.template-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border,#25304a)}.template-row div:first-child{display:grid;gap:4px}.template-row small{color:var(--muted,#8d98ad)}.toggle-row{display:flex!important;align-items:center;gap:10px;padding-top:26px}.toggle-row input{width:auto!important}@media(max-width:900px){.comm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.comm-template-grid{grid-template-columns:1fr}}@media(max-width:560px){.comm-stats{grid-template-columns:1fr}}.comm-pro{gap:16px}.comm-stats.pro>div small{color:var(--muted);font-size:11px}.gateway-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gateway-health-strip button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit}.gateway-health-strip i,.gateway-card-head i{width:9px;height:9px;border-radius:50%;grid-row:1/3;align-self:center}.gateway-health-strip i.ok,.gateway-card-head i.ok{background:#39d98a;box-shadow:0 0 12px #39d98a}.gateway-health-strip i.off,.gateway-card-head i.off{background:#ff5874}.gateway-health-strip span{font-weight:800}.gateway-health-strip b{font-size:11px;color:var(--muted)}.comm-compose{padding:18px!important}.comm-compose-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.compose-fields{display:grid;gap:14px}.comm-preview{border:1px solid var(--border);border-radius:14px;padding:14px;background:#040c1959}.comm-preview>span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;margin-bottom:10px}.comm-preview>div{border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--panel-2);min-height:210px}.comm-preview p{white-space:pre-wrap;line-height:1.55}.comm-preview small{color:var(--muted)}.sticky-form-actions{position:sticky;bottom:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;margin-top:4px;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,var(--panel) 28%)}.sticky-form-actions.full{grid-column:1/-1}.comm-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gateway-card{padding:16px!important}.gateway-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.gateway-card-head>div{display:flex;align-items:center;gap:9px}.gateway-card-head h3{margin:0}.gateway-actions{display:flex;justify-content:flex-end;margin-top:12px}.variable-picker{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.variable-picker button{padding:6px 9px;font-size:11px;border-radius:999px}.template-preview{border:1px dashed var(--border);border-radius:12px;padding:14px;background:#050d194d;margin-top:12px}.template-preview p{white-space:pre-wrap;color:var(--muted)}.comm-log-toolbar{display:flex!important;justify-content:flex-end;gap:9px}.comm-log-toolbar select{min-width:160px}.pill.pending{background:#4a3412;color:#ffbd50}@media(max-width:1050px){.gateway-health-strip{grid-template-columns:repeat(2,1fr)}.comm-compose-grid,.comm-gateway-grid{grid-template-columns:1fr}}@media(max-width:600px){.gateway-health-strip{grid-template-columns:1fr}.sticky-form-actions{align-items:stretch;flex-direction:column}.sticky-form-actions button{width:100%}.comm-log-toolbar{align-items:stretch!important;flex-direction:column}.comm-log-toolbar select,.comm-log-toolbar button{width:100%}}.comm-compose-v57{padding:20px!important;overflow:hidden}.channel-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 18px}.channel-picker button{display:flex;align-items:center;gap:10px;justify-content:center;min-height:58px;border:1px solid var(--border);background:var(--panel-2);border-radius:13px;color:var(--muted)}.channel-picker button span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#4674ff21;color:var(--blue)}.channel-picker button.active{border-color:var(--blue);color:#fff;box-shadow:0 0 0 2px #3d6fff26;background:linear-gradient(135deg,#3d6fff30,#7c5cff1f)}.comm-compose-v57 .comm-compose-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:stretch}.comm-compose-v57 .compose-fields input,.comm-compose-v57 .compose-fields select,.comm-compose-v57 .compose-fields textarea{width:100%;min-height:44px}.message-editor textarea{min-height:250px;resize:vertical}.message-editor small{display:block;text-align:right;margin-top:6px;color:var(--muted)}.compose-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.compose-tools span{font-size:12px;color:var(--muted);margin-right:3px}.compose-tools button{border-radius:999px;padding:6px 10px;font-size:11px}.delivery-grid{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:13px;background:#050d1942}.comm-preview{display:flex;flex-direction:column;min-height:100%}.preview-device{margin:auto 0;border:1px solid var(--border);border-radius:22px;background:#08111f;overflow:hidden;box-shadow:0 20px 45px #00000040}.preview-device header{padding:13px 16px;background:linear-gradient(135deg,#1f6feb,#7357ff);font-weight:800}.channel-whatsapp .preview-device header{background:#075e54}.channel-telegram .preview-device header{background:#229ed9}.channel-email .preview-device header{background:#334155}.channel-sms .preview-device header{background:#475569}.preview-device section{margin:18px;padding:16px;border-radius:16px;background:var(--panel-2);min-height:190px}.channel-whatsapp .preview-device section{border-radius:16px 16px 4px;background:#173d36}.channel-telegram .preview-device section{border-radius:16px 16px 16px 4px;background:#16324a}.preview-device p{white-space:pre-wrap;line-height:1.55;min-height:90px}.compose-action-bar>div{display:flex;gap:8px}.compose-action-bar{padding-top:16px}.compose-action-bar>span{margin-left:auto;margin-right:12px;color:var(--muted)}@media(max-width:1100px){.comm-compose-v57 .comm-compose-grid{grid-template-columns:1fr}.comm-preview{min-height:350px}.delivery-grid{grid-template-columns:1fr 1fr}.delivery-grid button{grid-column:1/-1}}@media(max-width:700px){.channel-picker{grid-template-columns:repeat(2,1fr)}.delivery-grid{grid-template-columns:1fr}.compose-action-bar>div{width:100%}.compose-action-bar>div button{flex:1}.compose-action-bar>span{margin:0}}.api-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:18px 0}.api-kpis>div{background:var(--panel,#101d32);border:1px solid var(--border,#294265);border-radius:14px;padding:18px}.api-kpis span{display:block;color:var(--muted,#8ea8c8);font-size:12px}.api-kpis b{font-size:25px;display:block;margin-top:8px}.api-manager-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.api-key-list{display:grid;gap:12px}.api-key-card{border:1px solid var(--border,#294265);border-radius:14px;padding:15px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:14px;align-items:center;background:#08132273}.api-key-main{display:flex;gap:12px;align-items:center}.api-key-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#3974ff26;color:var(--brand-primary,#3974ff)}.api-key-main code,.api-key-main small{display:block;margin-top:4px}.api-key-main small,.api-key-meta{color:var(--muted,#8ea8c8);font-size:12px}.api-key-meta{display:grid;gap:5px;justify-items:end}.scope-chips{grid-column:1/3;display:flex;gap:6px;flex-wrap:wrap}.scope-chips span{font-size:11px;padding:4px 7px;border-radius:8px;background:#3974ff1f;border:1px solid rgba(57,116,255,.25)}.api-key-card>.actions{grid-column:3;grid-row:1/3}.api-doc-card{position:sticky;top:88px;height:max-content}.api-doc-card pre{white-space:pre-wrap;background:#07111f;border:1px solid var(--border,#294265);border-radius:10px;padding:12px;overflow:auto}.endpoint-list{display:grid;gap:8px}.endpoint-list div{display:flex;gap:10px;align-items:center}.endpoint-list span{font-size:11px;font-weight:800;color:#53e39a}.api-usage{margin-top:16px}.api-scope-field{border:1px solid var(--border,#294265);border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.api-scope-field label{display:flex;gap:8px;align-items:center}.api-secret-value{display:flex;gap:10px;align-items:center;border:1px solid var(--border,#294265);background:#07111f;padding:14px;border-radius:12px}.api-secret-value code{flex:1;word-break:break-all}.api-secret-value button{display:flex;gap:6px;align-items:center}.api-secret-modal{max-width:680px}@media(max-width:1100px){.api-kpis{grid-template-columns:repeat(3,1fr)}.api-manager-grid{grid-template-columns:1fr}.api-doc-card{position:static}}@media(max-width:720px){.api-kpis{grid-template-columns:repeat(2,1fr)}.api-key-card{grid-template-columns:1fr}.api-key-card>.actions,.scope-chips{grid-column:1;grid-row:auto}.api-key-meta{justify-items:start}.api-scope-field{grid-template-columns:1fr}}.file-manager-page{display:grid;gap:18px}.file-actions{display:flex;gap:10px;flex-wrap:wrap}.file-upload-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.file-upload-btn input{display:none}.file-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.file-stats>div{background:var(--panel,#111f34);border:1px solid var(--border,#263d5f);border-radius:14px;padding:16px;display:grid;gap:7px}.file-stats span{font-size:12px;color:var(--muted,#8ea7c8)}.file-stats b{font-size:22px}.file-toolbar{display:grid;grid-template-columns:auto minmax(170px,.6fr) minmax(260px,1fr) auto;gap:10px;align-items:center;background:var(--panel,#111f34);border:1px solid var(--border,#263d5f);border-radius:14px;padding:11px}.file-path{display:flex;align-items:center;gap:8px;min-width:0}.file-path code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9c5ef}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;min-height:250px}.file-card{position:relative;background:var(--panel,#111f34);border:1px solid var(--border,#263d5f);border-radius:14px;padding:14px;display:grid;gap:14px;transition:.18s ease}.file-card:hover{border-color:#4f78b4;transform:translateY(-1px)}.file-main{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;background:none!important;border:0!important;padding:0!important;color:inherit;width:100%}.file-main>div{display:grid;gap:5px;min-width:0}.file-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-main small{color:var(--muted,#8ea7c8)}.file-icon{width:44px;height:44px;border-radius:12px;background:#17335e;display:grid;place-items:center;color:#6ea0ff;flex:0 0 auto}.file-icon.folder{background:#3c3316;color:#ffc84f}.file-card-actions{display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--border,#263d5f);padding-top:10px}.file-card-actions a,.file-card-actions button,.file-delete{width:34px;height:32px;border-radius:8px;display:grid;place-items:center}.folder-card{grid-template-columns:1fr auto;align-items:center}.folder-card .file-delete{align-self:start}.file-empty{grid-column:1/-1;min-height:280px;border:1px dashed var(--border,#263d5f);border-radius:16px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted,#8ea7c8)}.file-empty b{color:var(--text,#eef5ff)}@media(max-width:900px){.file-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.file-toolbar{grid-template-columns:auto 1fr auto}.file-toolbar .search{grid-column:1/-1;grid-row:2}.file-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:560px){.file-stats{grid-template-columns:1fr 1fr}.file-actions{width:100%}.file-actions>*{flex:1;justify-content:center}.file-toolbar{grid-template-columns:auto 1fr}.file-toolbar>button:last-child{display:none}.file-grid{grid-template-columns:1fr}}.cluster-dashboard-page{display:flex;flex-direction:column;gap:18px}.cluster-head-actions,.cluster-route-controls,.cluster-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cluster-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cluster-kpis>div{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 88%,var(--brand-primary)));box-shadow:var(--shadow)}.cluster-kpis svg{grid-row:1/4;width:22px;height:22px;color:var(--brand-primary);margin-top:3px}.cluster-kpis span,.cluster-kpis small{color:var(--muted)}.cluster-kpis b{font-size:26px}.cluster-kpis i{grid-column:2;height:5px;background:var(--border);border-radius:10px;overflow:hidden}.cluster-kpis i em{display:block;height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));border-radius:inherit}.cluster-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.cluster-main,.cluster-side{display:flex;flex-direction:column;gap:16px}.cluster-routing-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.cluster-routing-panel h4,.cluster-side h4{margin:0}.selected-route{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:11px 13px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,var(--border));border-radius:11px}.selected-route span,.selected-route small{color:var(--muted)}.selected-route b{color:var(--brand-primary)}.cluster-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cluster-server-card{padding:17px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.cluster-server-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef4444}.cluster-server-card.online:before{background:#22c55e}.cluster-server-card.maintenance:before{background:#f59e0b}.cluster-card-head,.cluster-card-head>div,.cluster-capacity>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.cluster-card-head>div>div{display:flex;flex-direction:column}.cluster-card-head small{color:var(--muted)}.cluster-server-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.cluster-server-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cluster-server-meta div{padding:9px 10px;border-radius:10px;background:var(--surface);display:flex;flex-direction:column;gap:3px}.cluster-server-meta span,.cluster-capacity span{font-size:12px;color:var(--muted)}.cluster-server-meta b{font-size:13px;text-transform:capitalize}.cluster-capacity{display:flex;flex-direction:column;gap:7px}.cluster-capacity i,.cluster-group-list i{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.cluster-capacity i em,.cluster-group-list i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}.cluster-error{display:flex;align-items:flex-start;gap:7px;color:#fb7185;font-size:12px;padding:8px 10px;background:#ef444414;border-radius:9px}.cluster-card-actions button{flex:1}.cluster-group-list,.cluster-alert-list{display:flex;flex-direction:column;gap:11px}.cluster-group-list>div{padding:11px;border:1px solid var(--border);border-radius:11px;display:flex;flex-direction:column;gap:7px}.cluster-group-list>div>div{display:flex;justify-content:space-between}.cluster-group-list span,.cluster-group-list small{color:var(--muted);font-size:12px}.cluster-alert-list>div{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:10px;font-size:13px}.cluster-alert-list .critical{background:#ef44441a;color:#fb7185}.cluster-alert-list .warning{background:#f59e0b1a;color:#fbbf24}.cluster-all-clear{align-items:center!important;flex-direction:column;text-align:center;color:#22c55e!important;background:#22c55e14!important}.cluster-all-clear span{color:var(--muted)}.cluster-policy{display:flex;flex-direction:column;gap:11px}.cluster-policy>div{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid var(--border)}.cluster-policy .good{color:#22c55e}.cluster-policy .warn{color:#f59e0b}.cluster-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:50px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}.cluster-empty b{color:var(--text)}@media(max-width:1200px){.cluster-layout{grid-template-columns:1fr}.cluster-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.cluster-kpis,.cluster-server-grid{grid-template-columns:1fr 1fr}.cluster-side,.cluster-routing-panel{grid-template-columns:1fr}}@media(max-width:620px){.cluster-kpis,.cluster-server-grid{grid-template-columns:1fr}.cluster-head-actions{width:100%}.cluster-head-actions>*{flex:1}.cluster-route-controls{width:100%}.cluster-route-controls>*{flex:1}}.billing-head-actions{display:flex;gap:10px;flex-wrap:wrap}.finance-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin:16px 0}.finance-kpis>div{background:linear-gradient(145deg,var(--panel,#101828),rgba(41,72,124,.16));border:1px solid var(--border,#27334a);border-radius:14px;padding:16px;min-width:0}.finance-kpis span,.finance-kpis small{display:block;color:var(--muted,#91a0b8)}.finance-kpis b{font-size:24px;display:block;margin:7px 0}.billing-tabs{display:flex;gap:8px;overflow:auto;margin:8px 0 16px;padding-bottom:3px}.billing-tabs button{white-space:nowrap;border-radius:999px;padding:9px 15px}.billing-tabs button.active{background:var(--brand-primary,#3974ff);border-color:var(--brand-primary,#3974ff);color:#fff}.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.gateway-card{border:1px solid var(--border,#27334a);background:var(--panel,#101828);border-radius:15px;padding:18px}.gateway-card>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.gateway-card small{grid-column:2;color:var(--muted,#91a0b8)}.gateway-dot{width:10px;height:10px;border-radius:50%;background:#64748b;grid-row:1/3}.gateway-dot.active{background:#22c55e;box-shadow:0 0 12px #22c55e}.gateway-card p{color:var(--muted,#91a0b8);min-height:24px}.gateway-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-empty{grid-column:1/-1}.pill.completed{background:#22c55e24;color:#4ade80}.pill.paused{background:#f59e0b24;color:#fbbf24}@media(max-width:1250px){.finance-kpis{grid-template-columns:repeat(3,1fr)}.gateway-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.gateway-grid{grid-template-columns:1fr}.billing-head-actions{width:100%}.billing-head-actions button{flex:1}}.ops-page{display:grid;gap:18px}.ops-hero{display:grid;grid-template-columns:260px 1fr;gap:16px}.ops-score,.ops-kpis>div{background:linear-gradient(145deg,var(--panel),rgba(26,35,58,.72));border:1px solid var(--border);border-radius:18px;padding:20px}.ops-score{display:grid;gap:7px;align-content:center;min-height:180px}.ops-score svg{width:28px;height:28px}.ops-score b{font-size:50px;line-height:1}.ops-score.good b{color:#39d98a}.ops-score.warn b{color:#f5b942}.ops-score.bad b{color:#ff6577}.ops-score span,.ops-kpis span{color:var(--muted);font-size:13px}.ops-score small,.ops-kpis small{color:var(--muted)}.ops-kpis>div{display:grid;gap:9px;min-width:0}.ops-kpis>div svg{color:var(--brand-primary)}.ops-kpis>div b{font-size:20px;overflow:hidden;text-overflow:ellipsis}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-meter{display:grid;gap:7px;margin:18px 0}.ops-meter>div{display:flex;justify-content:space-between}.ops-meter i{height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}.ops-meter em{display:block;height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));border-radius:inherit}.ops-network{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px;color:var(--muted)}.ops-network b{color:var(--text)}.ops-recommendations,.ops-issues,.ops-errors{display:grid;gap:10px}.ops-recommendations>div{display:flex;gap:11px;padding:13px;border:1px solid var(--border);border-radius:12px}.ops-recommendations>div>div{display:grid;gap:4px}.ops-recommendations .critical{border-color:#ff657766}.ops-recommendations .warning{border-color:#f5b94259}.ops-recommendations .success{border-color:#39d98a59}.ops-issues>div{display:flex;justify-content:space-between;gap:15px;padding:12px;border-radius:10px;background:#ffffff08}.ops-issues .critical{border-left:3px solid #ff6577}.ops-issues .warning{border-left:3px solid #f5b942}.ops-clear{justify-content:flex-start!important;color:#39d98a}.ops-errors>div{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.ops-errors code,.ops-analysis code{color:#ff8b9a}.ops-errors small{color:var(--muted)}.ops-analyzer textarea{width:100%;resize:vertical;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.ops-analyzer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.ops-analysis{display:grid;gap:10px;margin-top:15px;padding:15px;border:1px solid var(--border);border-radius:12px}.ops-analysis>div{display:grid;grid-template-columns:150px 1fr;gap:12px}.loading-state{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1100px){.ops-hero{grid-template-columns:1fr}.ops-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ops-kpis,.ops-grid{grid-template-columns:1fr}.ops-errors>div{grid-template-columns:50px 1fr}.ops-errors small{grid-column:2}.ops-network{display:grid;gap:6px}.ops-analysis>div{grid-template-columns:1fr}}.ha-actions,.ha-node footer{display:flex;gap:8px;flex-wrap:wrap}.ha-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.ha-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.ha-kpis svg{grid-row:1/4}.ha-kpis span,.ha-kpis small{color:var(--muted)}.ha-kpis b{font-size:1.35rem}.ha-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px}.ha-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ha-node{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}.ha-node>div:first-child{display:flex;align-items:center;gap:10px}.ha-node>div:first-child>div{flex:1;display:flex;flex-direction:column}.ha-node-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#3974ff24}.ha-node dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.ha-node dl div{display:flex;flex-direction:column}.ha-node dt{font-size:.75rem;color:var(--muted)}.ha-node dd{margin:3px 0 0;font-weight:700}.ha-node footer{border-top:1px solid var(--border);padding-top:12px}.ha-node.online{box-shadow:inset 3px 0 #2ecf7f}.ha-node.offline{box-shadow:inset 3px 0 #ff5d6c}.ha-error{color:#ff8f99;font-size:.82rem}.ha-replica-panel{display:flex;flex-direction:column;gap:12px}.ha-replica-summary{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:12px}.ha-replica-summary span{font-size:.75rem;color:var(--muted)}.ha-replica-summary b{word-break:break-all}.ha-history{display:flex;flex-direction:column;gap:8px}.ha-history>div{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid var(--border)}.ha-history>div>div{display:flex;flex-direction:column;min-width:0}.ha-history b{overflow:hidden;text-overflow:ellipsis}.ha-history small{color:var(--muted)}@media(max-width:1000px){.ha-kpis{grid-template-columns:repeat(2,1fr)}.ha-layout{grid-template-columns:1fr}}@media(max-width:650px){.ha-kpis,.ha-node-grid{grid-template-columns:1fr}.ha-node dl{grid-template-columns:1fr 1fr}}.monitoring-actions{display:flex;gap:10px;flex-wrap:wrap}.monitoring-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin:18px 0}.monitoring-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:17px;display:grid;gap:7px}.monitoring-kpis svg{color:var(--brand-primary);width:22px}.monitoring-kpis span{font-size:12px;color:var(--muted)}.monitoring-kpis b{font-size:23px}.monitoring-kpis small{color:var(--muted)}.monitoring-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.monitoring-chart svg{width:100%;height:230px;background:linear-gradient(to bottom,rgba(57,116,255,.08),transparent);border-radius:12px;overflow:visible}.monitoring-chart polyline{fill:none;stroke:var(--brand-primary);stroke-width:2;vector-effect:non-scaling-stroke}.monitoring-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:7px}.api-performance{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-performance>div{padding:17px;border:1px solid var(--border);border-radius:13px;display:grid;gap:6px}.api-performance span{color:var(--muted);font-size:12px}.api-performance b{font-size:22px}.monitoring-alerts{display:grid;gap:10px}.monitoring-alerts>div{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:13px}.monitoring-alerts .critical{border-color:#ef444473}.monitoring-alerts .warning{border-color:#f59e0b73}.monitoring-alerts div div{display:grid}.monitoring-alerts span{color:var(--muted)}.monitoring-empty{padding:38px;display:flex;align-items:center;justify-content:center;gap:12px;color:#22c55e}@media(max-width:1200px){.monitoring-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.monitoring-kpis{grid-template-columns:1fr 1fr}.monitoring-grid{grid-template-columns:1fr}.monitoring-actions{width:100%}.monitoring-actions button{flex:1}}.license-page{display:grid;gap:16px}.license-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.license-kpis>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.license-kpis svg{grid-row:1/4;color:var(--brand-primary)}.license-kpis span,.license-kpis small{color:var(--muted)}.license-kpis b{font-size:24px}.license-secret{display:flex;align-items:center;gap:12px;border-color:var(--brand-primary)}.license-secret>div{display:grid}.license-secret code{flex:1;padding:10px 12px;background:#0003;border-radius:8px;overflow:auto}.license-page td small{display:block;color:var(--muted);margin-top:4px}@media(max-width:900px){.license-kpis{grid-template-columns:repeat(2,1fr)}.license-secret{align-items:stretch;flex-direction:column}}@media(max-width:560px){.license-kpis{grid-template-columns:1fr}}.saas-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.saas-plan{padding:18px}.saas-plan h4{margin:5px 0 10px}.saas-plan>b{font-size:22px}.saas-plan>b small{font-size:12px;font-weight:500;margin-left:4px}.saas-plan p{margin:10px 0 0;color:var(--muted);font-size:13px}.saas-page td small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}.status-select.active{border-color:#2bb673}.status-select.trial{border-color:#d7a62a}.status-select.suspended{border-color:#d85d68}@media(max-width:900px){.saas-plan-grid{grid-template-columns:1fr}.saas-stats{grid-template-columns:repeat(2,1fr)}}.portal-head-actions{display:flex;gap:10px}.portal-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.portal-feature-grid>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:grid;gap:7px}.portal-feature-grid svg{color:var(--brand-primary)}.portal-feature-grid span{color:var(--muted);font-size:13px}.customer-portal-admin td small{display:block;color:var(--muted);margin-top:3px}.portal-login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#17305d 0,#08101f 45%,#050a13);padding:24px}.portal-login-card{width:min(420px,100%);display:grid;gap:14px;background:#0c1424;border:1px solid #24324b;border-radius:22px;padding:34px;box-shadow:0 30px 90px #0008;text-align:center}.portal-login-card input{width:100%;padding:13px 14px;border-radius:10px}.portal-login-card a{color:#8ea4c7;font-size:13px}.portal-loading{min-height:100vh;display:grid;place-items:center;background:#07101e;color:#fff}.portal-shell{min-height:100vh;background:#07101e;color:#eaf0fb}.portal-shell>header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#0b1527;border-bottom:1px solid #1e2b42}.portal-shell>header>div{display:flex;align-items:center;gap:12px}.portal-shell>header span{display:grid}.portal-shell>header small{color:#8ea4c7}.portal-shell>nav{display:flex;gap:6px;overflow:auto;padding:14px 5vw;background:#0a1322;border-bottom:1px solid #1e2b42}.portal-shell>nav button{white-space:nowrap;background:transparent;border:0;color:#8ea4c7;padding:9px 14px;border-radius:9px}.portal-shell>nav button.active{background:#1a315a;color:#fff}.portal-shell>main{max-width:1300px;margin:auto;padding:28px 5vw}.portal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.portal-kpis>div{background:#0c1729;border:1px solid #22304a;border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.portal-kpis svg{grid-row:1/3;color:#62a0ff}.portal-kpis span{color:#8ea4c7;font-size:13px}.portal-kpis b{font-size:24px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-list-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2b42;padding:13px 0}.portal-list-row span:first-child{display:grid}.portal-list-row small{color:#8ea4c7}.portal-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-device-grid>div{border:1px solid #24324b;background:#0b1527;border-radius:13px;padding:16px;display:grid;gap:8px}.portal-device-grid code{overflow:hidden;text-overflow:ellipsis}.portal-profile form{max-width:560px;display:grid;gap:14px}.portal-profile label{display:grid;gap:6px}@media(max-width:900px){.portal-feature-grid,.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{grid-template-columns:1fr}.portal-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.portal-feature-grid,.portal-kpis,.portal-device-grid{grid-template-columns:1fr}.portal-shell>header{padding:0 16px}.portal-shell>main{padding:20px 16px}.portal-shell>nav{padding:10px 16px}}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.xui-management-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.xui-management-summary>div{background:linear-gradient(180deg,#10213a,#0b182a);border:1px solid #294363;border-radius:12px;padding:13px}.xui-management-summary span,.xui-management-summary small{display:block;color:#88a0c4;font-size:9px}.xui-management-summary b{display:block;font-size:20px;margin:5px 0;color:#eef5ff}.xui-create-modal{width:min(780px,94vw)}.trial-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d1b30;border:1px solid #294363;border-radius:10px;padding:10px 12px;margin:12px 0}.trial-switch label{display:flex;align-items:center;gap:8px;margin:0}.trial-switch input[type=number]{width:100px}.bouquet-picker{margin-top:12px}.bouquet-picker>b{display:block;margin-bottom:8px}.bouquet-picker>div{display:flex;flex-wrap:wrap;gap:7px;max-height:150px;overflow:auto}.bouquet-picker button{border:1px solid #2d4669;background:#0d1a2e;color:#9fb4d3;border-radius:8px;padding:7px 9px;font-size:10px}.bouquet-picker button.selected{background:#245ac8;border-color:#4d82ff;color:#fff}@media(max-width:1050px){.xui-management-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.xui-management-summary{grid-template-columns:1fr 1fr}.section-actions{width:100%}.section-actions button{flex:1}}@media(max-width:420px){.xui-management-summary{grid-template-columns:1fr}}.iptv-ops{display:flex;flex-direction:column;gap:18px}.ops-warning{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid rgba(245,158,11,.35);background:#f59e0b14;border-radius:12px;color:#fbbf24}.ops-warning div{display:flex;flex-direction:column;gap:3px}.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ops-kpis>div{position:relative;min-height:126px;padding:18px;border:1px solid var(--border);background:linear-gradient(145deg,#14203af5,#0b1427f5);border-radius:16px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.ops-kpis svg{position:absolute;right:16px;top:16px;color:#5b8cff;opacity:.8}.ops-kpis span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.ops-kpis b{font-size:30px}.ops-kpis small{color:#8da3c7}.ops-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.ops-grid .panel{min-height:300px}.expiry-bars{display:flex;flex-direction:column;gap:20px;padding-top:12px}.expiry-bars>div span{display:flex;justify-content:space-between;margin-bottom:8px}.expiry-bars i{display:block;height:9px;background:#111c32;border-radius:99px;overflow:hidden}.expiry-bars em{display:block;height:100%;min-width:2px;border-radius:99px;background:linear-gradient(90deg,#3974ff,#7c5cff)}.ops-ranked{display:flex;flex-direction:column}.ops-ranked>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.ops-ranked span{display:flex;align-items:center;gap:10px;min-width:0}.ops-ranked i{width:25px;height:25px;border-radius:8px;background:#172846;display:grid;place-items:center;color:#7da2ff;font-style:normal}.ops-ranked b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-ranked strong,.ops-split b{color:#70e1a1}.ops-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ops-split>div+div{border-left:1px solid var(--border);padding-left:18px}.ops-split p{display:flex;justify-content:space-between;margin:0;padding:10px 0;border-bottom:1px solid var(--border)}.ops-empty{padding:55px 10px;text-align:center;color:var(--muted)}.ops-connections .panel-head{align-items:center}.search.compact{width:min(360px,45%)}.ops-connections td:nth-child(4){max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-connections td small{color:var(--muted)}@media(max-width:1100px){.ops-kpis{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr 1fr}.ops-countries{grid-column:1/-1}}@media(max-width:700px){.ops-kpis,.ops-grid{grid-template-columns:1fr}.ops-countries{grid-column:auto}.ops-connections .panel-head{align-items:stretch}.search.compact{width:100%}}.vod-page{display:flex;flex-direction:column;gap:18px}.vod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vod-kpis>div{padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--panel),rgba(36,65,112,.18));display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center}.vod-kpis svg{grid-row:1/3;color:var(--brand-primary)}.vod-kpis span{color:var(--muted);font-size:12px}.vod-kpis b{font-size:25px}.vod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:15px}.vod-card{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--panel);min-width:0}.vod-card>img,.vod-poster-empty{width:100%;height:230px;object-fit:cover;background:linear-gradient(145deg,#172846,#0a1324)}.vod-poster-empty{display:grid;place-items:center;color:#5b78a8}.vod-card>div:last-child{padding:14px}.vod-card h4{margin:9px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-card p,.vod-card small{color:var(--muted);font-size:12px}.vod-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.vod-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.vod-actions button{padding:7px 9px}.form-grid label.full,.form-grid .full{grid-column:1/-1}@media(max-width:1200px){.vod-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.vod-kpis,.vod-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.vod-kpis,.vod-grid{grid-template-columns:1fr}.vod-card{display:grid;grid-template-columns:110px 1fr}.vod-card>img,.vod-poster-empty{height:100%;min-height:160px}}.xui-sync-page{display:grid;gap:18px}.sync-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sync-kpis>div{background:linear-gradient(145deg,var(--panel),rgba(42,70,110,.28));border:1px solid var(--border);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.sync-kpis svg{grid-row:1/3;color:var(--brand-primary);width:24px;height:24px}.sync-kpis span{color:var(--muted);font-size:12px}.sync-kpis b{text-transform:capitalize;font-size:16px}.sync-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.sync-resource-picker{display:flex;flex-wrap:wrap;gap:9px}.sync-resource-picker button{text-transform:capitalize}.sync-resource-picker button.selected{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff}.sync-snapshots{display:grid;gap:10px}.sync-snapshots>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#050f1e42}.sync-snapshots span{display:grid;text-transform:capitalize}.sync-snapshots small{color:var(--muted);font-size:11px}.sync-snapshots strong{font-size:19px}.sync-snapshots em{font-style:normal;color:var(--muted);font-size:12px}.sync-snapshots em.up{color:#57d89b}.sync-snapshots em.down{color:#ff7d8e}@media(max-width:900px){.sync-kpis{grid-template-columns:repeat(2,1fr)}.sync-layout{grid-template-columns:1fr}}@media(max-width:560px){.sync-kpis{grid-template-columns:1fr}}.mag-automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.automation-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-options label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px}.automation-options select{margin-left:auto}.automation-last{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.automation-last>span,.automation-last>b{grid-column:span 2}.automation-last div{padding:10px;border:1px solid var(--border);border-radius:10px}.automation-last small,.automation-last strong{display:block}.small-input{width:78px!important}.danger-text{color:#ff6b7a!important}.header-actions{display:flex;gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.mag-automation-grid,.automation-options{grid-template-columns:1fr}.automation-last{grid-template-columns:1fr 1fr}}.advanced-reports{display:grid;gap:18px}.growth-chart{height:245px;display:flex;align-items:flex-end;gap:8px;padding:18px 4px 0;overflow-x:auto}.growth-chart>div{height:100%;min-width:46px;display:grid;grid-template-rows:auto 1fr auto;gap:7px;text-align:center}.growth-chart span,.growth-chart small{font-size:10px;color:var(--muted);white-space:nowrap}.growth-chart i{height:100%;display:flex;align-items:flex-end;justify-content:center;background:#192d4e59;border-radius:8px;overflow:hidden}.growth-chart em{width:100%;min-height:3px;background:linear-gradient(180deg,var(--brand-accent),var(--brand-primary));border-radius:8px 8px 0 0}.advanced-reports .report-export{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.advanced-reports .report-export>div:first-child{flex:1 1 260px}.advanced-reports .report-export .credit-summary{flex:1 1 100%;display:flex;gap:18px;flex-wrap:wrap}@media(max-width:700px){.advanced-reports .report-grid{grid-template-columns:1fr}.advanced-reports .report-export button{flex:1 1 42%}}.edge-page{display:flex;flex-direction:column;gap:16px}.edge-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.edge-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.edge-kpis svg{grid-row:1/4;color:#61a5ff}.edge-kpis span,.edge-kpis small{color:var(--muted);font-size:12px}.edge-kpis b{font-size:23px}.edge-kpis b.good{color:#4ade80}.edge-kpis b.warn{color:#fbbf24}.edge-topology{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 10%,rgba(57,116,255,.16),transparent 38%),var(--panel)}.edge-origin{display:flex;align-items:center;gap:10px;border:1px solid #315586;background:#0b1930;padding:12px 18px;border-radius:12px}.edge-origin span{color:var(--muted)}.edge-origin svg{color:#63a8ff}.edge-origin.bottom{margin-top:24px}.edge-line{height:36px;width:1px;background:#43678f}.edge-regions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;position:relative}.edge-regions:before{content:"";position:absolute;top:-18px;left:8%;right:8%;height:1px;background:#43678f}.edge-regions>div{border:1px solid #294866;background:#0b1a2e;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;position:relative;text-align:center}.edge-regions>div:before{content:"";position:absolute;width:1px;height:18px;left:50%;top:-18px;background:#43678f}.edge-regions strong{font-size:16px}.edge-regions span,.edge-regions small{color:var(--muted)}.edge-empty{grid-column:1/-1}.edge-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.edge-grid aside{display:flex;flex-direction:column;gap:16px}.edge-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.edge-node{border:1px solid var(--border);background:#0b1729;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:11px}.edge-node.online{border-color:#34d39961}.edge-node.offline{border-color:#f8717173}.edge-node-head{display:flex;align-items:center;justify-content:space-between}.edge-node-head>span{display:flex;align-items:center;gap:9px}.edge-node-head i{width:9px;height:9px;border-radius:50%;background:#64748b}.edge-node.online .edge-node-head i{background:#34d399;box-shadow:0 0 10px #34d399}.edge-node.offline .edge-node-head i{background:#fb7185}.edge-node-head span div{display:flex;flex-direction:column}.edge-node-head small,.edge-node code,.edge-node-meta{color:var(--muted)}.edge-node-head em{font-size:11px;font-style:normal;text-transform:uppercase}.edge-services{display:flex;gap:6px;flex-wrap:wrap}.edge-services span{font-size:11px;padding:4px 7px;border-radius:999px;background:#172338;color:#64748b}.edge-services span.on{background:#34d3991f;color:#6ee7b7}.edge-capacity>div{display:flex;justify-content:space-between;font-size:12px}.edge-capacity>i{display:block;height:6px;background:#17243a;border-radius:10px;overflow:hidden;margin-top:6px}.edge-capacity>i>em{display:block;height:100%;background:linear-gradient(90deg,#3974ff,#7c5cff)}.edge-node-meta{display:flex;justify-content:space-between;font-size:11px}.edge-actions{display:flex;gap:7px;justify-content:flex-end}.edge-actions button.active{background:#875d13;color:#fbbf24}.edge-list-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.edge-list-row>span{display:flex;flex-direction:column;flex:1}.edge-list-row small{color:var(--muted)}.edge-list-row svg{color:#61a5ff}.edge-toggle-row{display:flex;gap:16px;flex-wrap:wrap}.edge-toggle-row label{display:flex;align-items:center;gap:6px}@media(max-width:1100px){.edge-kpis{grid-template-columns:repeat(2,1fr)}.edge-grid{grid-template-columns:1fr}.edge-grid aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.edge-kpis,.edge-regions{grid-template-columns:1fr}.edge-regions:before,.edge-regions>div:before{display:none}.edge-grid aside{display:flex}.edge-node-grid{grid-template-columns:1fr}}.live-tv-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.live-tv-kpis>div{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.live-tv-kpis svg{grid-row:1/4;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 14%,transparent);padding:9px;border-radius:11px;width:42px;height:42px}.live-tv-kpis span,.live-tv-kpis small{color:var(--muted);font-size:12px}.live-tv-kpis b{font-size:24px}.live-tv-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.live-tv-toolbar .search-box{min-width:280px;flex:1}.live-tv-toolbar select{min-width:150px}.bulk-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.channel-name{display:flex;align-items:center;gap:10px;min-width:190px}.channel-name img,.channel-name>span{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#0d1528;border:1px solid var(--border);display:grid;place-items:center}.channel-name div{display:flex;flex-direction:column}.truncate{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-tv-events{margin-top:16px}.live-tv-events>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.live-tv-events>div span{display:flex;flex-direction:column;flex:1}.live-tv-events time{font-size:12px;color:var(--muted)}.badge.online{background:#22c55e24;color:#4ade80}.badge.offline{background:#ef444424;color:#f87171}.badge.unchecked{background:#94a3b824;color:#cbd5e1}.badge.xui{background:#3b82f624;color:#60a5fa}.badge.local{background:#a855f724;color:#c084fc}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}@media(max-width:1100px){.live-tv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.live-tv-kpis{grid-template-columns:1fr}.live-tv-toolbar .search-box{min-width:100%}.bulk-actions{width:100%;margin-left:0}.truncate{max-width:150px}}@media(max-width:760px){.world-map-visual{height:250px}.map-country-list{min-width:88px;padding:6px 8px}.map-location b{display:none}}.real-world-map{height:300px;background:radial-gradient(circle at 52% 44%,rgba(46,112,160,.22),transparent 58%),linear-gradient(180deg,#081b30,#061426)}.world-map-image{position:absolute;left:2.5%;top:7%;width:95%;height:86%;object-fit:fill;opacity:.96;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));z-index:1;pointer-events:none}.map-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(68,111,147,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(68,111,147,.08) 1px,transparent 1px);background-size:16.666% 25%;z-index:0;pointer-events:none}.real-world-map .map-location{z-index:3}.real-world-map .map-country-list{z-index:4}.real-world-map .map-empty-state{z-index:3}@media(max-width:760px){.real-world-map{height:250px}.world-map-image{left:1%;top:9%;width:98%;height:82%}}.epg-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:16px 0}.epg-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center}.epg-kpis svg{grid-row:1/3;color:var(--brand-primary);background:#3974ff1f;padding:10px;border-radius:12px;width:42px;height:42px}.epg-kpis span{color:var(--muted);font-size:12px}.epg-kpis b{font-size:25px}.epg-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.epg-source-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.epg-source-row:last-child{border-bottom:0}.epg-source-row>div:first-child{min-width:0}.epg-source-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:470px}.epg-source-stats{display:grid;grid-template-columns:auto auto;gap:2px 12px;text-align:right;font-size:12px}.epg-source-stats small{grid-column:1/3}.programme-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);align-items:center}.programme-row img,.programme-icon{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#ffffff0f;display:grid;place-items:center}.programme-row div{min-width:0}.programme-row b,.programme-row strong,.programme-row small{display:block}.programme-row b{font-size:12px;color:var(--muted)}.programme-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.programme-row small{color:var(--muted);font-size:11px}.epg-center .badge.never{background:#94a3b81f;color:#94a3b8}.epg-center .badge.success{background:#2ecc711f;color:#2ecc71}.epg-center .badge.failed,.epg-center .badge.warning{background:#f59e0b21;color:#f59e0b}@media(max-width:1100px){.epg-kpis{grid-template-columns:repeat(2,1fr)}.epg-layout{grid-template-columns:1fr}}@media(max-width:640px){.epg-kpis,.epg-source-row{grid-template-columns:1fr}.epg-source-stats{text-align:left}.epg-source-stats small{grid-column:1/3}}.permission-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 18px}.permission-template-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.permission-template-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.permission-template-card p{margin:0;color:var(--muted);min-height:38px}.permission-template-card small{color:var(--muted)}.danger-link{align-self:flex-start;border:0;background:transparent;color:#ff6b7a;padding:0}.template-apply-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:14px 0}.template-apply-row label{margin:0}.permission-history{margin-top:18px}.permission-history .table-wrap{max-height:330px;overflow:auto}@media(max-width:720px){.template-apply-row,.permission-template-grid{grid-template-columns:1fr}}.stream-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.stream-kpis>div{background:var(--panel,#111b2e);border:1px solid var(--border,#26344d);border-radius:14px;padding:15px;display:grid;grid-template-columns:32px 1fr;gap:3px 10px;align-items:center}.stream-kpis svg{grid-row:1/4;color:var(--brand-primary,#3974ff)}.stream-kpis span,.stream-kpis small{color:var(--muted,#8fa0b8);font-size:12px}.stream-kpis b{font-size:23px}.ops-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.ops-side{display:flex;flex-direction:column;gap:16px}.health-cell{min-width:110px}.health-cell strong{float:right;font-size:12px}.health-bar{height:5px;background:#26344d;border-radius:9px;overflow:hidden;margin-top:8px}.health-bar i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#eab308,#22c55e);border-radius:9px}.ops-alert{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--border,#26344d)}.ops-alert svg{flex:0 0 auto}.ops-alert.critical svg{color:#ef4444}.ops-alert.warning svg{color:#eab308}.ops-alert div,.ops-run{display:flex;flex-direction:column;gap:3px}.ops-alert small,.ops-run small{color:var(--muted,#8fa0b8)}.ops-run{padding:10px 0;border-bottom:1px solid var(--border,#26344d)}.row-danger{background:#ef44440b}.stream-ops td small{display:block;margin-top:3px;color:var(--muted,#8fa0b8)}@media(max-width:1200px){.stream-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr}.ops-side{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:720px){.stream-kpis{grid-template-columns:repeat(2,1fr)}.ops-side{grid-template-columns:1fr}.stream-ops .row-actions{min-width:180px}}.automation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.automation-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center}.automation-kpis svg{grid-row:1/3;color:var(--brand-primary)}.automation-kpis span{font-size:12px;color:var(--muted)}.automation-kpis b{font-size:25px}.automation-center td>small{display:block;color:var(--muted);margin-top:4px;max-width:270px;overflow:hidden;text-overflow:ellipsis}.status-toggle{border:0;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;gap:6px;color:var(--muted)}.status-toggle.on{color:#36d399}.automation-history{display:grid;gap:9px;margin-top:12px}.automation-run{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:12px}.automation-run.success>span{color:#36d399}.automation-run.failed>span{color:#ff647c}.automation-run div{display:flex;flex-direction:column;gap:3px}.automation-run>div:last-child{text-align:right}.automation-run small{color:var(--muted)}.form-grid textarea{width:100%;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px;font-family:ui-monospace,monospace;resize:vertical}@media(max-width:850px){.automation-kpis{grid-template-columns:repeat(2,1fr)}.automation-run{grid-template-columns:auto 1fr}.automation-run>div:last-child{grid-column:2;text-align:left}}.alert-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.alert-kpis>div{background:var(--panel,#111a2c);border:1px solid var(--border,#22314d);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.alert-kpis svg{grid-row:1/3;color:var(--brand-primary,#3974ff)}.alert-kpis span{font-size:12px;color:var(--muted,#8fa3bf)}.alert-kpis b{font-size:24px}.alert-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.alert-list{display:grid;gap:12px;margin-top:14px}.alert-card{border:1px solid var(--border,#22314d);border-left:4px solid #4f8cff;border-radius:12px;padding:15px;background:#0a12218c}.alert-card.warning{border-left-color:#f5a623}.alert-card.critical{border-left-color:#ff4d6d}.alert-card-top{display:flex;gap:8px;align-items:center}.alert-card-top small{margin-left:auto;color:var(--muted,#8fa3bf)}.alert-card h4{margin:10px 0 6px}.alert-card p{margin:0;color:var(--muted,#a6b4c8)}.alert-meta{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:12px;color:var(--muted,#8fa3bf)}.alert-card footer{display:flex;gap:8px;flex-wrap:wrap}.alert-side{height:max-content;display:grid;gap:10px}.alert-side>label{display:flex;align-items:center;gap:9px}.alert-side select{margin-left:auto}.delivery-list{display:grid;gap:8px}.delivery-list>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:9px;border:1px solid var(--border,#22314d);border-radius:10px}.delivery-list small{grid-column:2;color:var(--muted,#8fa3bf);overflow-wrap:anywhere}.channel-options{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.channel-options label{display:flex;gap:7px;align-items:center;text-transform:capitalize}@media(max-width:900px){.alert-kpis{grid-template-columns:repeat(2,1fr)}.alert-layout{grid-template-columns:1fr}}@media(max-width:520px){.alert-kpis{grid-template-columns:1fr}.alert-card-top{flex-wrap:wrap}.alert-card-top small{width:100%;margin-left:0}.alert-meta{flex-direction:column}}.backup-pro .backup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.backup-pro .backup-kpis>div{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.backup-pro .backup-kpis svg{grid-row:1/4}.backup-pro .backup-kpis b{font-size:24px}.backup-pro .backup-kpis small,.block{display:block;color:var(--muted)}.backup-pro .backup-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.backup-pro .backup-check{display:flex;gap:8px;align-items:center}.backup-pro .mono{font-family:monospace;word-break:break-all;font-size:11px}@media(max-width:1000px){.backup-pro .backup-kpis,.backup-pro .backup-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.backup-pro .backup-kpis,.backup-pro .backup-form-grid{grid-template-columns:1fr}}.performance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.performance-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;gap:6px}.performance-kpis svg{color:var(--brand-primary)}.performance-kpis span,.performance-kpis small{color:var(--muted);font-size:12px}.performance-kpis b{font-size:22px}.performance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.runtime-list{display:grid;gap:12px}.runtime-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0}@media(max-width:1000px){.performance-kpis{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}}@media(max-width:600px){.performance-kpis{grid-template-columns:1fr}}.mobile-ops-page .page-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px;padding:24px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#3974ff29,#7c5cff14)}.mobile-ops-page .page-hero h2{margin:4px 0 6px;font-size:28px}.mobile-ops-page .page-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--brand-primary);font-weight:800}.mobile-ops-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px}.mobile-ops-grid>.panel:first-child{grid-column:1/-1}.mobile-ops-grid td small{display:block;color:var(--muted);margin-top:3px}.inline-form{display:flex;gap:10px;padding:0 18px 18px}.inline-form input{flex:1}.customer-result-list,.timeline-list{display:flex;flex-direction:column;padding:0 18px 18px;gap:8px}.customer-result-list>div,.timeline-list>div{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.customer-result-list span:first-child,.timeline-list span{display:flex;flex:1;flex-direction:column}.customer-result-list small,.timeline-list small{color:var(--muted);margin-top:3px}.timeline-list i{width:9px;height:9px;border-radius:50%;background:#2acb7f}.timeline-list i.bad{background:#f05252}.timeline-list em{font-style:normal;color:var(--muted);font-size:12px}.empty-mini{padding:20px;text-align:center;color:var(--muted)}@media(max-width:900px){.mobile-ops-grid{grid-template-columns:1fr}.mobile-ops-page .page-hero{align-items:flex-start;flex-direction:column}.mobile-ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mobile-ops-kpis{grid-template-columns:1fr}.inline-form{flex-direction:column}}.support-center-page{display:grid;gap:18px}.support-tabs{display:flex;gap:8px;flex-wrap:wrap}.support-tabs button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted)}.support-tabs button.active{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary)}.support-stats{grid-template-columns:repeat(6,minmax(130px,1fr))}.support-dashboard-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}.support-agent-list,.support-recent{display:grid;gap:10px}.support-agent-list>div,.support-recent>div{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:11px}.support-agent-list>div>div,.support-recent>div>div{display:grid;flex:1}.support-agent-list small,.support-recent small{color:var(--muted)}.support-card-grid,.support-kb-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:15px}.support-dept-card,.support-kb-grid article{display:grid;gap:10px}.support-dept-card>div:first-child,.support-kb-grid article>div:first-child{display:flex;align-items:center;justify-content:space-between}.sla-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sla-row span{padding:9px;background:var(--panel-2);border-radius:8px;display:grid;font-size:12px;color:var(--muted)}.sla-row b{color:var(--text);font-size:14px}.support-dept-card .danger,.support-kb-grid .danger{justify-self:start}@media(max-width:1100px){.support-stats{grid-template-columns:repeat(3,1fr)}.support-card-grid,.support-kb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.support-dashboard-grid,.support-stats,.support-card-grid,.support-kb-grid{grid-template-columns:1fr}}.enterprise-live-ops{display:flex;flex-direction:column;gap:16px}.liveops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.liveops-kpis>div{background:var(--panel,#101d31);border:1px solid var(--border,#243958);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.liveops-kpis svg{grid-row:1/4;color:#5f8cff}.liveops-kpis span,.liveops-kpis small{color:var(--muted,#8da2c0)}.liveops-kpis b{font-size:24px}.liveops-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(280px,.8fr);gap:16px}.liveops-grid aside{display:flex;flex-direction:column;gap:16px}.channel-cell{display:flex;gap:10px;align-items:center}.channel-cell img{width:34px;height:34px;border-radius:7px;object-fit:contain;background:#0b1424}.channel-cell span,.source-state+small,.health-score,.capability-row span small{display:block}.health-pill{display:inline-flex;padding:4px 9px;border-radius:999px;text-transform:capitalize;font-size:12px;font-weight:700}.health-pill.online{background:#153d2c;color:#5ee29a}.health-pill.offline{background:#4a2028;color:#ff8490}.health-pill.unchecked{background:#40391f;color:#f6c75b}.source-state{font-weight:700;text-transform:capitalize}.incident-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--border,#243958)}.incident-row.critical>svg{color:#ff6877}.incident-row.warning>svg{color:#f6bd4b}.incident-row div{display:flex;gap:5px}.incident-row button,.row-actions button{padding:7px}.capability-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border,#243958);gap:12px}.operations-timeline>div{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border,#243958)}.event-dot{width:9px;height:9px;border-radius:50%;background:#4a8cff;margin-top:5px;box-shadow:0 0 10px currentColor}.event-dot.error{background:#ff5f6d}.event-dot.success{background:#35d07f}.operations-timeline small{display:block;color:var(--muted,#8da2c0);margin-top:3px}@media(max-width:1200px){.liveops-kpis{grid-template-columns:repeat(3,1fr)}.liveops-grid{grid-template-columns:1fr}}@media(max-width:700px){.liveops-kpis{grid-template-columns:1fr 1fr}.table-tools,.table-tools input,.table-tools select{width:100%}}.billing-automation-page .panel{margin-top:18px}.billing-automation-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-automation-page .check{display:flex;align-items:center;gap:8px}.billing-automation-page .check input{width:auto}.billing-automation-page .header-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.billing-automation-page .form-grid{grid-template-columns:1fr}}.wl-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.wl-kpis>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.wl-kpis svg{grid-row:1/3;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 14%,transparent);padding:8px;border-radius:12px;width:38px;height:38px}.wl-kpis span{font-size:12px;color:var(--muted)}.wl-kpis b{font-size:24px}.brand-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.wl-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:18px}.wl-tabs button{border:0;background:transparent;padding:10px 12px;border-radius:8px 8px 0 0}.wl-tabs button.active{background:color-mix(in srgb,var(--brand-primary) 14%,transparent);color:var(--brand-primary);border-bottom:2px solid var(--brand-primary)}.input-action{display:flex;gap:8px}.input-action input{flex:1}.wl-save{width:100%;margin-top:18px}.reseller-wl-page textarea{resize:vertical}.reseller-wl-page td small{display:block;margin-top:4px;color:var(--muted)}@media(max-width:1100px){.wl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wl-kpis{grid-template-columns:1fr}.wl-tabs{overflow:auto}}.ai-center-page{display:flex;flex-direction:column;gap:16px}.ai-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ai-score-grid>div{background:var(--panel,#111827);border:1px solid var(--border,#263247);border-radius:14px;padding:16px}.ai-score-grid span{display:block;color:var(--muted,#94a3b8);font-size:12px}.ai-score-grid b{display:block;font-size:30px;margin:8px 0}.ai-score-grid i,.cluster-capacity i{display:block;height:6px;background:#94a3b82e;border-radius:99px;overflow:hidden}.ai-score-grid em{display:block;height:100%;background:currentColor}.ai-score-grid .good{color:#34d399}.ai-score-grid .warn{color:#fbbf24}.ai-score-grid .bad{color:#fb7185}.ai-center-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.ai-center-main,.ai-center-side{display:flex;flex-direction:column;gap:16px}.ai-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-signal-grid>div{padding:14px;border:1px solid var(--border,#263247);border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.ai-signal-grid svg{grid-row:1/3;color:var(--brand-primary,#3974ff)}.ai-signal-grid span{font-size:12px;color:var(--muted,#94a3b8)}.ai-signal-grid b{font-size:18px}.ai-rec-list,.ai-incident-list{display:flex;flex-direction:column;gap:10px}.ai-rec-list article,.ai-incident-list article{border:1px solid var(--border,#263247);border-left:4px solid #60a5fa;border-radius:10px;padding:12px}.ai-rec-list article.warning,.ai-incident-list article.warning{border-left-color:#fbbf24}.ai-rec-list article.critical,.ai-incident-list article.critical{border-left-color:#fb7185}.ai-rec-list article>div,.ai-incident-list article>div{display:flex;gap:10px}.ai-rec-list small,.ai-incident-list small{display:block;color:var(--muted,#94a3b8);margin-top:3px}.ai-rec-list footer,.ai-incident-list footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;color:var(--muted,#94a3b8)}.ai-incident-list p{font-size:12px;margin:9px 0 0;color:var(--muted,#94a3b8)}.ai-forecast>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border,#263247)}.ai-forecast .good{color:#34d399}.ai-forecast .warn{color:#fbbf24}.ai-report pre{white-space:pre-wrap;max-height:420px;overflow:auto;font-size:12px}.ai-report .panel-head button{width:auto}@media(max-width:1100px){.ai-score-grid{grid-template-columns:repeat(3,1fr)}.ai-center-layout{grid-template-columns:1fr}}@media(max-width:700px){.ai-score-grid,.ai-signal-grid{grid-template-columns:1fr 1fr}}.performance-center .badge.active{text-transform:uppercase}.performance-center code{font-size:12px}.ha-enterprise{display:flex;flex-direction:column;gap:16px}.ha-readiness{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:12px}.ha-readiness>div{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.ha-readiness svg{grid-row:1/4;color:var(--brand-primary)}.ha-readiness span,.ha-readiness small{color:var(--muted);font-size:12px}.ha-readiness b{font-size:20px;text-transform:uppercase}.ha-readiness .bad{color:#fb7185}.ha-readiness .good{color:#34d399}.ha-score{display:block!important}.ha-score b{display:block;font-size:30px;margin:8px 0}.ha-score i{display:block;height:7px;background:#94a3b82e;border-radius:99px;overflow:hidden}.ha-score em{display:block;height:100%;background:currentColor}.ha-check-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ha-check-grid>div{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-transform:capitalize}.ha-check-grid span:nth-child(2){flex:1;color:var(--muted);font-size:12px}.ha-check-grid b{font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.on{background:#34d399;box-shadow:0 0 9px #34d399}.status-dot.off{background:#fb7185}.ha-layout.enterprise{grid-template-columns:minmax(0,2fr) 360px}.ha-side{display:flex;flex-direction:column;gap:16px}.ha-mode-row{display:flex;gap:6px;flex-wrap:wrap}.ha-node.maintenance{opacity:.78;border-style:dashed}.ha-replication-status{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding-top:8px}.ha-replication-status span{color:var(--muted)}.ha-event-list{display:flex;flex-direction:column}.ha-event-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.ha-event-list small{display:block;color:var(--muted);margin-top:3px}.ha-event-list time{color:var(--muted);font-size:12px}.ha-node footer{flex-wrap:wrap}.ha-node footer button{padding:7px 9px}@media(max-width:1200px){.ha-readiness,.ha-check-grid{grid-template-columns:repeat(3,1fr)}.ha-layout.enterprise{grid-template-columns:1fr}}@media(max-width:700px){.ha-readiness,.ha-check-grid{grid-template-columns:1fr}.ha-event-list>div{grid-template-columns:auto 1fr}.ha-event-list time{grid-column:2}}.line-portal-cell{display:flex;align-items:center;gap:6px;max-width:280px}.line-portal-cell code{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-url-link{border:0;background:transparent;color:var(--brand-primary,#5b7cff);padding:0;text-decoration:underline}.customer-link-list,.customer-login-card{display:grid;gap:10px}.customer-link-list>div,.customer-login-card>div{display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border,#263955);border-radius:10px;background:#ffffff05}.customer-link-list code,.customer-login-card code{overflow-wrap:anywhere;white-space:normal}.customer-share-modal{width:min(820px,92vw)}.customer-login-card{margin:16px 0}.customer-login-card span{font-size:12px;color:var(--muted,#8fa4c0)}.automation-kpis{margin:18px 0}.automation-actions{display:flex;flex-wrap:wrap;gap:6px}.automation-actions button{font-size:12px;padding:7px 9px}.automation-grid{margin-top:18px}.automation-grid .portal-list-row>span:last-child{display:grid;justify-items:end;gap:5px}.automation-modal{max-width:760px}.portal-profile textarea{min-height:110px;resize:vertical}.badge.pending,.badge.warning{background:#fff4d6;color:#8a5b00}.badge.approved,.badge.completed,.badge.success{background:#e1f8e9;color:#176b37}.badge.rejected,.badge.failed{background:#ffe2e2;color:#9b1c1c}@media(max-width:900px){.automation-actions{min-width:260px}.customer-portal-admin .table-wrap{overflow-x:auto}}.enterprise16-page{display:flex;flex-direction:column;gap:18px}.v16-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,#3974ff29,#7c5cff14)}.v16-hero h2{margin:8px 0}.v16-status{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.v16-status.good{color:#35d07f}.v16-status.warn{color:#ffb84d}.v16-score{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;border:10px solid rgba(57,116,255,.28);background:#0000001f}.v16-score b{font-size:34px}.v16-score span{font-size:11px;color:var(--muted)}.v16-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.v16-module{display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;padding:18px}.v16-module>div{flex:1}.v16-module small{display:block;margin-top:4px;color:var(--muted)}.module-ready{color:#35d07f}.module-config{color:#ffb84d}.release-steps{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.release-steps>span{width:30px;height:30px;border-radius:50%;display:grid;place-content:center;background:var(--brand-primary);color:#fff;font-weight:800}.release-steps p{margin:0 0 10px}.release-steps small{display:block;color:var(--muted);margin-top:3px}@media(max-width:760px){.v16-hero{align-items:flex-start;flex-direction:column}.v16-score{width:110px;height:110px}.v16-module-grid{grid-template-columns:1fr}}.launch-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.launch-actions button{display:flex;align-items:center;gap:7px}.launch-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.pilot-list{display:grid;gap:9px}.pilot-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px}.pilot-item>div{display:flex;flex-direction:column;gap:4px}.pilot-item.passed{border-color:#2ecc7159}.pilot-item.blocked{border-color:#ff636366}.pilot-item select{max-width:140px}@media(max-width:1100px){.launch-check-grid{grid-template-columns:1fr}}@media(max-width:640px){.pilot-item{align-items:flex-start;flex-direction:column}.pilot-item select{max-width:none;width:100%}}.release-gate-result{margin-top:14px}.release-gate-result.blocked{border-color:#ff636373}.release-gate-result.ready{border-color:#2ecc7173}.release-progress{display:flex;align-items:center;gap:12px;margin:14px 0}.release-progress>div{height:10px;flex:1;background:var(--surface-2);border-radius:999px;overflow:hidden}.release-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));border-radius:999px}.gate-blocker-list{display:grid;gap:10px}.gate-blocker{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,99,99,.28);background:#ff63630f;border-radius:12px}.gate-blocker>svg{color:#ff7373}.gate-blocker>div{display:flex;flex-direction:column;gap:3px}.gate-blocker small{color:var(--muted)}.gate-blocker em{font-style:normal;font-size:12px;color:var(--text)}.gate-blocker button{display:flex;align-items:center;gap:5px;white-space:nowrap}.gate-actions{margin-top:14px;flex-wrap:wrap}@media(max-width:700px){.gate-blocker{grid-template-columns:auto 1fr}.gate-blocker button{grid-column:1/-1;width:100%;justify-content:center}}.monitoring-diagnostics-page .diagnostic-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.monitoring-diagnostics-page .diagnostic-hero.healthy{border-color:#28c87859}.monitoring-diagnostics-page .diagnostic-hero.attention{border-color:#ffb43259}.monitoring-diagnostics-page .diagnostic-hero.critical{border-color:#ff505a73}.setup-wizard-page{display:flex;flex-direction:column;gap:18px}.setup-titlebar{margin-bottom:0}.setup-eyebrow{display:block;color:#ffbe55;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:6px}.setup-banner{display:flex;align-items:center;gap:8px;border-radius:12px}.setup-loading{padding:42px;text-align:center}.setup-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#305fd22e,#5d49d21a);overflow:hidden;position:relative}.setup-hero:before{content:"";position:absolute;right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(83,108,255,.22),transparent 68%)}.setup-hero>div{position:relative;z-index:1}.setup-hero h2{font-size:27px;margin:8px 0}.setup-hero p{margin:0 0 18px;color:var(--muted);max-width:720px}.setup-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffbd55}.setup-hero.ready .setup-kicker{color:#39d98a}.setup-progress-track{height:8px;width:min(620px,65vw);border-radius:999px;background:#ffffff14;overflow:hidden}.setup-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}.setup-progress-ring{--progress:0deg;width:142px;height:142px;border-radius:50%;padding:10px;background:conic-gradient(var(--brand-primary) var(--progress),rgba(255,255,255,.09) 0);display:grid;place-items:center;flex:none}.setup-progress-ring>div{width:100%;height:100%;border-radius:50%;background:#0c1729;display:grid;place-content:center;text-align:center}.setup-progress-ring b{font-size:31px}.setup-progress-ring small{font-size:10px;color:var(--muted);max-width:85px}.setup-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px;border:1px solid var(--border);border-radius:16px;background:#ffffff04}.setup-stepper button{border:0;background:transparent;padding:12px 8px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;column-gap:9px;align-items:center;color:var(--muted)}.setup-stepper button>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff0e}.setup-stepper button small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.setup-stepper button b{font-size:12px;color:var(--text)}.setup-stepper button.active{background:#576eff21;box-shadow:inset 0 0 0 1px #677bff40}.setup-stepper button.active>span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff}.setup-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-status-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.setup-status-card.passed{border-color:#32cd8747}.setup-status-card.action{border-color:#ffb94b42}.setup-status-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:#ffb94b1a;color:#ffbd55}.setup-status-card.passed .setup-status-icon{background:#32cd871a;color:#39d98a}.setup-status-card small{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.setup-status-card h4{font-size:14px;margin:4px 0 5px}.setup-status-card p{font-size:12px;margin:0;color:var(--muted);padding-right:50px}.setup-badge{font-size:9px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:5px 8px;white-space:nowrap}.setup-status-card>.setup-badge{position:absolute;right:13px;top:13px}.setup-badge.passed{color:#39d98a;background:#32cd871a}.setup-badge.action{color:#ffbd55;background:#ffb94b1a}.setup-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:16px}.setup-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px}.setup-card-wide{min-width:0}.setup-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.setup-card-head>div:nth-child(2){flex:1}.setup-card-head h3{margin:1px 0 5px;font-size:16px}.setup-card-head p{margin:0;font-size:12px;color:var(--muted)}.setup-card-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4774ff2b,#7454ff1f);color:#6f91ff;flex:none}.setup-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setup-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-card label,.setup-inline-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);min-width:0}.setup-card label span,.setup-inline-form label span{font-weight:700;color:var(--text)}.setup-card input,.setup-inline-form input{width:100%;height:42px;border-radius:10px;padding:0 12px;background:#0b1729;border:1px solid #263a58;color:var(--text);outline:none}.setup-card input:focus,.setup-inline-form input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4d70ff1a}.setup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.setup-actions button,.setup-inline-form button{display:flex;align-items:center;justify-content:center;gap:7px}.setup-primary-action{margin-top:8px;height:44px}.setup-metric{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:14px}.setup-metric span{font-size:12px;color:var(--muted)}.setup-metric b{font-size:12px}.setup-command{margin-top:18px;padding:13px;border-radius:12px;background:#091426;border:1px solid rgba(255,255,255,.05)}.setup-command small{display:block;color:var(--muted);margin-bottom:8px}.setup-command code{font-size:11px;line-height:1.55}.setup-stack{display:grid;gap:13px;margin-bottom:13px}.setup-inline-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.setup-inline-form button{height:42px}.setup-footer-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:18px;border:1px solid rgba(67,207,137,.28);background:linear-gradient(135deg,#29b5751a,#396cff12)}.setup-footer-callout>div{display:flex;align-items:center;gap:13px}.setup-footer-callout>div>svg{color:#39d98a}.setup-footer-callout h3{margin:0 0 5px}.setup-footer-callout p{margin:0;color:var(--muted);font-size:12px}@media(max-width:1250px){.setup-stepper{grid-template-columns:repeat(3,1fr)}.setup-status-grid,.setup-form-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.setup-main-grid{grid-template-columns:1fr}.setup-hero{align-items:flex-start}.setup-status-grid{grid-template-columns:1fr}.setup-footer-callout{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.setup-hero{flex-direction:column;padding:22px}.setup-progress-track{width:100%}.setup-stepper{grid-template-columns:repeat(2,1fr)}.setup-form-grid,.setup-form-grid.three,.setup-inline-form{grid-template-columns:1fr}.setup-footer-callout button{width:100%}.setup-progress-ring{width:110px;height:110px}.setup-status-card p{padding-right:0}.setup-status-card>.setup-badge{position:static;margin-left:auto}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border-soft,#263b5f)}.modal-header h3{margin:0!important;font-size:18px!important;color:var(--text,#edf4ff)}.modal-close{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border,#33466f);border-radius:10px;background:var(--panel-2,#17243e);color:var(--text,#fff);cursor:pointer}.modal-close:hover{background:#243858;border-color:#4b6a98}.modal-body{min-width:0}:root{--vp-bg:#060d19;--vp-bg2:#091324;--vp-surface:#0d192d;--vp-surface2:#111f36;--vp-border:#263a5c;--vp-border-soft:#1c2d49;--vp-text:#f4f7ff;--vp-muted:#91a6ca;--vp-primary:#5b7cff;--vp-primary2:#795cff;--vp-success:#31d68a;--vp-warning:#f6b94a;--vp-danger:#ff667d;--vp-radius:16px;--vp-shadow:0 18px 46px rgba(0,0,0,.22)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% -10%,rgba(69,86,190,.26),transparent 31%),linear-gradient(180deg,#070f1e,#050b15);color:var(--vp-text);letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}button{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{padding:18px 14px;background:linear-gradient(180deg,#091528fa,#060e1bfa);border-right:1px solid rgba(69,91,130,.35);box-shadow:14px 0 40px #0000001f}.logo{padding:4px 6px 22px;border-bottom:1px solid rgba(64,84,120,.28);margin-bottom:14px}.logo>span{box-shadow:0 8px 26px #5b5eff59}.logo b{font-size:18px;letter-spacing:.01em}.logo small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sidebar nav{gap:5px}.sidebar nav button,.logout{min-height:42px;border:1px solid transparent;border-radius:11px;font-weight:600;font-size:13px}.sidebar nav button:hover{background:#243759b3;border-color:#5370a447}.sidebar nav button.active{background:linear-gradient(100deg,#456dff,#7458ff);border-color:#99a5ff73;box-shadow:0 10px 26px #4450ff3d;color:#fff}main{padding:0 26px 48px;max-width:1920px;width:100%;margin:0 auto}header{height:74px;position:sticky;top:0;z-index:8;background:#060d19d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0 -26px 24px;padding:0 26px;border-bottom:1px solid rgba(63,84,120,.35)}header h2{font-size:21px;letter-spacing:-.025em}header p{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.top-actions{gap:10px}.xui-pill{border-radius:999px;background:#0d1c31cc;padding:8px 12px}.avatar{border-radius:11px;background:linear-gradient(135deg,#4c78ff,#7758ff);box-shadow:0 8px 22px #4c64ff47}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}.section-head h3{font-size:21px;margin:0 0 5px;letter-spacing:-.025em}.section-head p{margin:0}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.header-actions button,.section-head button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:10px;border:1px solid #31496e;background:#14233b;color:#eaf1ff;font-weight:700}.header-actions button:hover,.section-head button:hover{border-color:#5578bd;background:#192b49}.dashboard{gap:18px}.kpi-grid{gap:14px}.kpi,.panel,.table-wrap,.line-source,.security-grid>div{background:linear-gradient(155deg,#12223af7,#0a1527f7);border:1px solid rgba(62,88,132,.58);border-radius:var(--vp-radius);box-shadow:0 10px 34px #00000021}.panel{padding:20px}.panel:hover{border-color:#5477b4b8}.panel h3{font-size:15px;margin-bottom:15px}.panel-head{gap:12px}.kpi{padding:18px;min-height:96px}.kpi strong{font-size:27px;letter-spacing:-.035em}.kpi span{font-weight:600}.kpi-icon{border-radius:13px;box-shadow:0 10px 24px #2f5be93d}.toolbar{background:linear-gradient(145deg,#111f35f7,#0a1425f7);border:1px solid rgba(61,86,130,.55);padding:13px;border-radius:14px;margin-bottom:14px;align-items:center}.toolbar input,.toolbar select{height:42px}input,select,textarea,.login-card input,.modal input,.modal select,.modal textarea,.toolbar input,.toolbar select{background:#091425;color:#f5f8ff;border:1px solid #31496f;border-radius:10px;padding:10px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:#68f;box-shadow:0 0 0 3px #5b7cff24;background:#0b182b}input::placeholder,textarea::placeholder{color:#657b9f}label{color:#b9c8e3;font-size:12px;font-weight:650}.form-grid{gap:15px}.form-grid label{display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.primary,.login-card button{background:linear-gradient(100deg,#4775ff,#765cff);border:1px solid rgba(139,155,255,.45);box-shadow:0 9px 22px #4352ff38;min-height:40px;padding:9px 15px}.primary:hover,.login-card button:hover{box-shadow:0 13px 30px #4352ff57}.table-wrap{overflow:hidden}.table-wrap>div{overflow:auto}table{font-size:13px}thead{background:#0d1d34f0}th{height:44px;padding:13px 15px;color:#8fa9d4;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #2b4267}td{padding:14px 15px;border-bottom:1px solid rgba(48,69,104,.55)}tbody tr{transition:background .15s ease}tbody tr:hover{background:#23395c59}tbody tr:last-child td{border-bottom:0}.actions button{background:#13233c;border-color:#30496f;border-radius:9px;min-width:34px;min-height:34px}.actions button:hover{background:#1b3152;border-color:#5579b8}.pill,.source-badge{font-weight:800;letter-spacing:.03em;border:1px solid transparent}.pill.active{border-color:#40dba740}.pill.expired{border-color:#ff738640}.empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at center,rgba(54,84,137,.15),transparent 62%);border-radius:12px}.empty:before{content:"✦";font-size:25px;color:#668bff}.empty button{margin-top:8px}.modal-bg{z-index:100;background:#01060ec2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:linear-gradient(155deg,#14233c,#0b172a);border:1px solid #3a5480;border-radius:18px;padding:24px;box-shadow:0 28px 90px #0000008c}.modal h3{font-size:20px;margin-top:0}.modal-actions{padding-top:16px;border-top:1px solid rgba(54,77,116,.45)}.login-card{background:linear-gradient(155deg,#14233c,#0b172a);border-color:#39527e;box-shadow:0 34px 110px #0000008a}.muted{color:var(--vp-muted)}.error,.warning,.success,.banner{border-radius:11px;padding:11px 13px}.error{background:#741f3133;border:1px solid rgba(255,102,125,.35)}.success{background:#20855f2e}.setup-wizard-page,.monitoring-diagnostics-page{max-width:1600px;margin:0 auto}.setup-stepper{border-radius:16px}.setup-hero,.monitoring-hero{box-shadow:var(--vp-shadow)}section>div:not(.section-head):not(.modal-bg)+div{margin-top:14px}section h4{font-size:14px;letter-spacing:-.01em}.dashboard-row{gap:14px}.quick-grid{gap:12px}.quick-grid button{border-radius:13px;min-height:66px;background:linear-gradient(145deg,#13243e,#0c192e)}@media(max-width:1200px){main{padding-left:18px;padding-right:18px}header{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.shell{grid-template-columns:220px 1fr}.sidebar{width:auto}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.shell{grid-template-columns:1fr}main{padding:0 14px 34px}header{margin:0 -14px 18px;padding:0 14px}.sidebar{width:246px}.section-head{align-items:stretch;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.panel{padding:16px}.toolbar{padding:10px}}@media(max-width:560px){.kpi-grid{grid-template-columns:1fr}.top-actions{gap:6px}.panel{border-radius:13px}.section-head h3{font-size:19px}th,td{padding:11px}.modal{padding:18px}}.enterprise-edge-page{display:grid;gap:18px;max-width:1680px;margin:0 auto}.enterprise-edge-page>.section-head{padding:22px 24px;border:1px solid rgba(74,104,157,.55);border-radius:18px;background:linear-gradient(135deg,#132642fa,#0a1527fa);box-shadow:0 20px 48px #0000002e;position:relative;overflow:hidden}.enterprise-edge-page>.section-head:after{content:"";position:absolute;right:-90px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.24),transparent 68%);pointer-events:none}.enterprise-edge-page>.section-head h3{font-size:25px}.enterprise-edge-page>.section-head p{max-width:760px;font-size:13px;line-height:1.6}.enterprise-edge-page>.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.enterprise-edge-page>.kpi-grid>div{min-height:112px;padding:20px;border-radius:17px;background:linear-gradient(145deg,#132641,#0b182c);border:1px solid rgba(70,99,148,.58);box-shadow:0 14px 38px #00000029;position:relative;overflow:hidden}.enterprise-edge-page>.kpi-grid>div:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-38px;background:radial-gradient(circle,rgba(86,125,255,.2),transparent 70%)}.enterprise-edge-page>.kpi-grid span{display:block;color:#8fa6cb;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.enterprise-edge-page>.kpi-grid b{display:block;font-size:28px;margin-top:9px;letter-spacing:-.04em}.enterprise-edge-page>.panel{padding:22px;border-radius:18px}.enterprise-edge-page .panel-head{margin-bottom:18px}.enterprise-edge-page .panel-head h3{font-size:17px;margin-bottom:5px}.enterprise-edge-page .panel-head>span{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#5b7cff21;border:1px solid rgba(91,124,255,.28);color:#9db5ff;font-weight:800}.enterprise-edge-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:17px;border:1px solid rgba(52,77,118,.5);border-radius:14px;background:#060f1d61;margin-bottom:18px}.enterprise-edge-page .form-grid label{gap:8px}.enterprise-edge-page .form-grid input,.enterprise-edge-page .form-grid select{height:43px}.enterprise-edge-page .form-grid select[multiple]{height:110px;padding:8px}.enterprise-edge-page .form-grid .full{grid-column:1/-1}.enterprise-edge-page .form-grid button.full{min-height:44px;margin-top:2px}.enterprise-edge-page .performance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.7fr);gap:16px}.enterprise-edge-page .table-wrap{border-radius:14px;box-shadow:none}.enterprise-edge-page td small{display:block;color:var(--vp-muted);margin-top:4px}.enterprise-edge-page td code{display:inline-block;max-width:380px;overflow:hidden;text-overflow:ellipsis;padding:6px 9px;border-radius:8px;background:#081426;border:1px solid #273e62;color:#a9c3f3}.enterprise-edge-page td button:not(.primary){border:1px solid #314a70;background:#14243d;color:#e8f0ff;border-radius:8px;padding:7px 9px}.enterprise-edge-page .empty{min-height:130px}.enterprise-edge-page .operations-timeline,.enterprise-edge-page .edge-timeline{border-radius:14px}.page-content>section{animation:vp-page-enter .24s ease-out}@keyframes vp-page-enter{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}.page-content .performance-grid,.page-content .settings-grid,.page-content .report-grid,.page-content .live-chart-grid{gap:16px}.page-content .panel>.form-grid:first-child,.page-content .panel>form.form-grid{margin-top:4px}.page-content .panel-head h3+p{margin:4px 0 0;color:var(--vp-muted);font-size:12px;line-height:1.5}.page-content .panel-head>span:not(.pill):not(.badge){color:#9cb3d8;font-size:12px}.page-content .header-actions .primary,.page-content .section-head .primary{background:linear-gradient(100deg,#4877ff,#765cff);border-color:#96a3ff73}.page-content .table-wrap+.panel,.page-content .panel+.panel{margin-top:0}.page-content .panel pre{background:#071323;border:1px solid #263d61;border-radius:12px;padding:15px;color:#bcd0ef;overflow:auto}.page-content .panel code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.page-content .badge,.page-content .pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px}.page-content button svg{flex:0 0 auto}@media(max-width:1100px){.enterprise-edge-page>.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-edge-page .performance-grid{grid-template-columns:1fr}}@media(max-width:700px){.enterprise-edge-page>.section-head{padding:18px}.enterprise-edge-page>.kpi-grid{grid-template-columns:1fr}.enterprise-edge-page .form-grid{grid-template-columns:1fr;padding:13px}.enterprise-edge-page .form-grid .full{grid-column:auto}.enterprise-edge-page>.section-head h3{font-size:22px}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,#fff 2%),color-mix(in srgb,var(--panel-2) 96%,transparent));box-shadow:0 12px 32px #00000021;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent))}.stat-card-copy{display:grid;gap:7px;min-width:0}.stat-label{font-size:12px;font-weight:700;letter-spacing:.035em;color:var(--muted);text-transform:uppercase}.stat-value{font-size:25px;line-height:1.1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-helper{font-size:12px;color:var(--muted)}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 24%,transparent)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}}