.op-form{padding:24px}.op-form fieldset{border:0;min-width:0;margin:0;padding:0}.op-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.op-form label,.op-filters label{color:#bdcbe0;flex-direction:column;gap:7px;font-size:14px;display:flex}.op-form input,.op-form select,.op-filters select{color:#eef4ff;width:100%;min-width:0;font:inherit;background:#0a1424;border:1px solid #3a506f;border-radius:8px;padding:11px 12px}.op-form .op-check{flex-direction:row;align-items:center;margin:18px 0;display:flex}.op-check input{width:18px;height:18px}.op-primary{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #4385f5;border-radius:8px;padding:11px 18px}.op-primary:hover{background:#1d4ed8}.op-filters{flex-wrap:wrap;gap:20px;padding:20px 24px;display:flex}.op-filters label{flex:1;min-width:160px}.op-note{color:#9cacc4;margin:16px 24px;font-size:13px;line-height:1.6}.op-form .op-note{margin:12px 0 20px}.op-success{color:#a7f3d0;background:#123d32;border:1px solid #286951;border-radius:8px;margin:16px 0;padding:16px}.op-report-heading{padding:12px 24px}.op-report-heading p{color:#9cacc4;font-size:14px}.op-report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 24px;display:grid}.op-report-stats strong{font-size:22px}.op-wrap{white-space:normal;min-width:200px;max-width:420px}.op-topology{min-width:0}.op-topology>div{max-width:100%}.pd-nav .op-count{color:#fecdd3;background:#542738;border-radius:6px;padding:2px 7px}.op-menu-title{margin:0 0 20px;font-size:22px}.op-refresh-note{color:#9cacc4;margin-bottom:16px;font-size:13px}@media (width<=1100px){.op-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.op-fields{grid-template-columns:1fr}.op-form{padding:18px}.op-report-stats{grid-template-columns:1fr;padding:0 16px}.op-filters{padding:16px}.op-filters label{min-width:100%}}.op-incident-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.op-incident-filters label{min-width:180px}.op-detail-button,.op-primary-button,.op-secondary-button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:9px 15px}.op-detail-button,.op-primary-button{color:#fff;background:#155eef}.op-secondary-button{color:#243247;background:#eef2f7;border:1px solid #d7dee8}.op-detail-button:disabled,.op-primary-button:disabled,.op-secondary-button:disabled{opacity:.55;cursor:wait}.op-incident-status{letter-spacing:.02em;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.op-incident-status.open{color:#991b1b;background:#fee2e2}.op-incident-status.investigating{color:#92400e;background:#fef3c7}.op-incident-status.recovered{color:#1e40af;background:#dbeafe}.op-incident-status.resolved{color:#166534;background:#dcfce7}.op-incident-backdrop{z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.op-incident-modal{background:#fff;border-radius:16px;width:min(820px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 80px #0f172a47}.op-incident-modal-head{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:start;gap:20px;padding:22px 24px 18px;display:flex}.op-incident-modal-head h2{margin:0 0 5px}.op-incident-modal-head p{color:#64748b;margin:0}.op-incident-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;width:38px;height:38px;font-size:25px;line-height:1}.op-incident-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 24px 10px;display:grid}.op-incident-summary>div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;padding:12px}.op-incident-summary span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.op-incident-summary strong{color:#172033;overflow-wrap:anywhere}.op-incident-message{background:#f8fafc;border-left:4px solid #94a3b8;border-radius:10px;margin:10px 24px;padding:14px 16px}.op-incident-message p{margin:6px 0 0}.op-incident-form{gap:15px;padding:16px 24px 24px;display:grid}.op-incident-form label{color:#334155;gap:7px;font-weight:600;display:grid}.op-incident-form textarea,.op-incident-form select{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #cfd8e3;border-radius:9px;padding:10px 12px}.op-incident-form textarea{resize:vertical;min-height:82px}.op-incident-form textarea:focus,.op-incident-form select:focus{border-color:#155eef;outline:2px solid #155eef33}.op-incident-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.op-incident-warning{color:#9a3412;background:#fff7ed;border-radius:9px;margin:0;padding:11px 13px;font-size:13px}.op-incident-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=720px){.op-incident-backdrop{align-items:flex-end;padding:0}.op-incident-modal{border-radius:16px 16px 0 0;width:100%;max-height:92vh}.op-incident-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}.op-incident-modal-head,.op-incident-form{padding-left:16px;padding-right:16px}.op-incident-message{margin-left:16px;margin-right:16px}.op-incident-form-grid{grid-template-columns:1fr}.op-incident-actions{background:#fff;padding:12px 0 4px;position:sticky;bottom:0}}.op-incident-modal{color:#e8f0f8;background:#081b2f;border:1px solid #234361}.op-incident-modal-head{border-bottom-color:#234361}.op-incident-modal-head h2{color:#f8fafc}.op-incident-modal-head p{color:#9db3c8}.op-incident-close{color:#dbeafe;background:#102a44;border:1px solid #294967}.op-incident-close:hover{background:#173752}.op-incident-summary>div{background:#0d243b;border-color:#294967}.op-incident-summary span{color:#91abc4}.op-incident-summary strong{color:#f8fafc}.op-incident-message{color:#dbeafe;background:#0d243b;border-left-color:#3b82f6}.op-incident-message strong{color:#f8fafc}.op-incident-message p{color:#b9cadd}.op-incident-form label{color:#e2e8f0}.op-incident-form input,.op-incident-form textarea,.op-incident-form select{color:#f8fafc;width:100%;font:inherit;box-sizing:border-box;background:#071a2d;border:1px solid #31506f;border-radius:9px;padding:10px 12px}.op-incident-form input::placeholder,.op-incident-form textarea::placeholder{color:#71869d}.op-incident-form input:disabled,.op-incident-form select:disabled{color:#cbd5e1;opacity:1;background:#26384b}.op-incident-form input:focus,.op-incident-form textarea:focus,.op-incident-form select:focus{border-color:#3b82f6;outline:2px solid #3b82f647}.op-incident-warning{color:#fbbf24;background:#34250f;border:1px solid #654a1d}@media (width<=720px){.op-incident-actions{background:#081b2f}}.op-incident-message .op-related-card{color:#0f172a;background:#fff}.op-incident-message .op-related-card strong{color:#0f172a}.op-incident-message .op-related-card span{color:#64748b}.op-alerts-premium{--ia-panel:#08192b;--ia-panel2:#0b2036;--ia-border:#173a5d;--ia-muted:#7f9bbd;--ia-blue:#369cff;--ia-green:#39e49d;--ia-red:#ff607b;--ia-amber:#ffbd4a;flex-direction:column;gap:14px;display:flex}.op-alerts-hero{background:radial-gradient(circle at 78% 28%,#2a88e038,#0000 24%),radial-gradient(circle at 86% 72%,#ff607b14,#0000 24%),linear-gradient(120deg,#071827 0%,#0a2035 60%,#081725 100%);border:1px solid #1b4772;border-radius:12px;grid-template-columns:minmax(0,1.2fr) minmax(520px,1fr);align-items:center;gap:22px;min-height:170px;padding:24px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000024}.op-alerts-hero:before{content:"";border:1px solid #459df61f;border-radius:50%;width:470px;height:470px;position:absolute;top:-215px;right:-130px;box-shadow:0 0 0 55px #459df606,0 0 0 110px #459df605}.op-alerts-hero-copy{z-index:1;position:relative}.op-alerts-hero-copy>span{letter-spacing:.15em;color:#64b1ff;font-size:10px;font-weight:800;display:block}.op-alerts-hero-copy h1{letter-spacing:-.035em;color:#f3f8ff;margin:7px 0 6px;font-size:clamp(26px,2.4vw,36px);line-height:1.06}.op-alerts-hero-copy p{color:#91a9c4;max-width:680px;margin:0;font-size:12px;line-height:1.6}.op-alerts-hero-kpis{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.op-alerts-hero-kpis>div{background:#071727b8;border:1px solid #1a3b5d;border-radius:9px;min-width:0;min-height:94px;padding:13px;position:relative;overflow:hidden}.op-alerts-hero-kpis>div:after{content:"";border:8px solid #ffffff09;border-radius:50%;width:68px;height:68px;position:absolute;bottom:-20px;right:-18px}.op-alerts-hero-kpis span,.op-alerts-hero-kpis small{display:block}.op-alerts-hero-kpis span{letter-spacing:.09em;color:#7591b0;font-size:8px;font-weight:800}.op-alerts-hero-kpis strong{font-variant-numeric:tabular-nums;margin-top:7px;font-size:24px;line-height:1;display:block}.op-alerts-hero-kpis small{color:#65809f;margin-top:8px;font-size:8px}.op-alerts-hero-kpis .critical{border-color:#ff607b42}.op-alerts-hero-kpis .critical strong{color:#ff7e94}.op-alerts-hero-kpis .warning{border-color:#ffbd4a3d}.op-alerts-hero-kpis .warning strong{color:#ffc45a}.op-alerts-hero-kpis .recovered{border-color:#369cff3d}.op-alerts-hero-kpis .recovered strong{color:#60b0ff}.op-alerts-hero-kpis .healthy{border-color:#39e49d3d}.op-alerts-hero-kpis .healthy strong{color:#55e5a8}.op-alerts-premium>.pd-panel{background:linear-gradient(145deg,#081827,#091c2f);border-color:#173b60;border-radius:11px;margin:0;overflow:hidden;box-shadow:0 14px 34px #00000014}.op-alerts-premium>.pd-panel>.pd-panel-head{background:linear-gradient(90deg,#1846702e,#0000);border-bottom-color:#153654;padding:16px 18px}.op-alerts-premium>.pd-panel>.pd-panel-head h2{color:#edf6ff;font-size:15px}.op-alerts-premium>.pd-panel>.pd-panel-head p{color:#7f99b8;margin-top:4px;font-size:10px}.op-alerts-premium>.pd-panel>.pd-panel-head>span{color:#93b2d2;background:#0d2238;border:1px solid #274a6c;border-radius:999px;padding:5px 9px;font-size:9px}.op-alerts-down-panel>.pd-panel-head>span{color:#ff94a8!important;background:#371d2a!important;border-color:#673045!important}.op-alerts-premium .op-filters{background:#071624;border-bottom:1px solid #12314d;gap:10px;padding:13px 16px}.op-alerts-premium .op-filters label{color:#8ea7c3;gap:5px;font-size:9px}.op-alerts-premium .op-filters select{color:#dceafa;background:#091b2e;border-color:#244b70;border-radius:6px;height:36px;padding:0 10px;font-size:10px}.op-alerts-premium .op-secondary-button{color:#a9cfff;background:#102844;border:1px solid #2a5784;border-radius:6px;height:36px;padding:0 13px;font-size:10px}.op-alerts-premium .op-secondary-button:hover{background:#17385d}.op-alerts-premium .pd-table-wrap{background:0 0}.op-alerts-premium table{font-size:10px!important}.op-alerts-premium thead{color:#7290b2!important;background:#071523!important}.op-alerts-premium th{color:#b9cce1;font-weight:600}.op-alerts-premium td,.op-alerts-premium th{border-bottom-color:#12304b!important;padding:11px 14px!important}.op-alerts-premium tbody tr{transition:background .15s}.op-alerts-premium tbody tr:hover{background:#0d263f!important}.op-alerts-down-panel tbody tr{background:linear-gradient(90deg,#ff607b09,#0000)}.op-down-device{align-items:center;gap:8px;display:flex}.op-down-device i{background:#ff607b;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 10px #ff607bb8}.op-down-device span{color:#eaf3ff;font-size:10px}.op-severity{letter-spacing:.035em;text-transform:uppercase;color:#9cb2c9;background:#10263a;border:1px solid #294760;border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.op-severity.critical,.op-severity.high{color:#ff8ca1;background:#3b1f2b;border-color:#6e3044}.op-severity.medium,.op-severity.warning{color:#ffd071;background:#392d16;border-color:#65501f}.op-severity.low,.op-severity.info{color:#74bbff;background:#102a46;border-color:#24547d}.op-incident-dashboard-stats{background:#071624;border-bottom:1px solid #12314e;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:14px 16px!important;display:grid!important}.op-incident-dashboard-stats>.pd-stat{min-height:96px;position:relative;overflow:hidden;background:linear-gradient(145deg,#091a2c,#0a1f34)!important;border:1px solid #173a5b!important;border-radius:8px!important;padding:13px 14px!important}.op-incident-dashboard-stats>.pd-stat:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:68px;height:68px;position:absolute;bottom:-18px;right:-16px}.op-incident-dashboard-stats>.pd-stat>span{z-index:1;letter-spacing:.06em;text-transform:uppercase;position:relative;color:#7893b2!important;font-size:9px!important}.op-incident-dashboard-stats>.pd-stat>strong{z-index:1;color:#edf6ff;overflow-wrap:anywhere;position:relative;margin-top:8px!important;font-size:22px!important;line-height:1.12!important}.op-incident-dashboard-stats>.pd-stat:first-child{border-color:#693045!important}.op-incident-dashboard-stats>.pd-stat:first-child>strong{color:#ff8096}.op-incident-dashboard-stats>.pd-stat:nth-child(2){border-color:#66501f!important}.op-incident-dashboard-stats>.pd-stat:nth-child(2)>strong{color:#ffc75e}.op-incident-dashboard-stats>.pd-stat:nth-child(3){border-color:#22547d!important}.op-incident-dashboard-stats>.pd-stat:nth-child(3)>strong{color:#63b4ff}.op-incident-dashboard-stats>.pd-stat:nth-child(4){border-color:#205c46!important}.op-incident-dashboard-stats>.pd-stat:nth-child(4)>strong{color:#56e4aa}.op-incident-dashboard-stats>.pd-stat:nth-child(5)>strong{font-size:18px!important}.op-incident-dashboard-stats>.pd-stat:nth-child(6)>strong{font-size:16px!important}.op-incidents-premium .op-incident-status{letter-spacing:.04em;border:1px solid #0000;justify-content:center;min-width:82px;padding:4px 8px;font-size:8px}.op-incidents-premium .op-incident-status.open{color:#ff8ba0;background:#3d202c;border-color:#6d3043}.op-incidents-premium .op-incident-status.investigating{color:#ffd071;background:#3c2f16;border-color:#66501e}.op-incidents-premium .op-incident-status.recovered{color:#73bbff;background:#102d4b;border-color:#255980}.op-incidents-premium .op-incident-status.resolved{color:#65e5af;background:#13372c;border-color:#24634d}.op-alerts-premium .op-detail-button{color:#fff;box-shadow:none;background:linear-gradient(135deg,#1559aa,#1d72ce);border:1px solid #3477bb;border-radius:6px;padding:6px 10px;font-size:9px}.op-alerts-premium .op-detail-button:hover{background:linear-gradient(135deg,#1c69c6,#2786ec)}.op-alerts-premium .pd-empty{color:#7690ae;padding:28px 18px;font-size:10px}.op-alerts-premium .pd-error,.op-alerts-premium .op-success{margin:12px 16px;font-size:10px}@media (width<=1250px){.op-alerts-hero{grid-template-columns:1fr}.op-alerts-hero-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=850px){.op-alerts-hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.op-incident-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.op-alerts-hero{padding:18px}.op-alerts-hero-kpis{grid-template-columns:1fr 1fr}.op-incident-dashboard-stats{grid-template-columns:1fr!important}}.op-reports-premium{--rp-panel:#08192b;--rp-border:#173b60;--rp-muted:#7f9bbd;--rp-blue:#389cff;--rp-green:#39e49d;--rp-red:#ff607b;--rp-amber:#ffbd4a;flex-direction:column;gap:12px;display:flex}.op-reports-hero{background:radial-gradient(circle at 72% 10%,#389cff38,#0000 26%),linear-gradient(115deg,#071827,#0a2035 62%,#081725);border:1px solid #194268;border-radius:11px;justify-content:space-between;align-items:center;gap:28px;min-height:138px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.op-reports-hero:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:420px;height:420px;position:absolute;top:-175px;right:-110px;box-shadow:0 0 0 55px #49a4ff06,0 0 0 110px #49a4ff04}.op-reports-hero>div{z-index:1;position:relative}.op-reports-hero>div:first-child>span{letter-spacing:.16em;color:#61afff;font-size:10px;font-weight:800;display:block}.op-reports-hero h1{letter-spacing:-.035em;color:#f5f9ff;margin:6px 0 5px;font-size:clamp(27px,2.5vw,36px);line-height:1.05}.op-reports-hero p{color:#8fa7c2;max-width:760px;margin:0;font-size:12px}.op-reports-hero-badge{text-align:right;background:#061727b8;border:1px solid #28577f;border-radius:9px;min-width:170px;padding:13px 16px}.op-reports-hero-badge strong{color:#5fb0ff;font-size:28px;line-height:1;display:block}.op-reports-hero-badge span{color:#c4d7ea;margin-top:4px;font-size:10px;display:block}.op-reports-hero-badge small{color:#6886a7;margin-top:5px;font-size:8px;display:block}.op-report-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.op-report-kpis>div{background:linear-gradient(145deg,#081a2c,#0a2035);border:1px solid #173b60;border-radius:9px;min-height:92px;padding:13px 14px;position:relative;overflow:hidden}.op-report-kpis>div:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-22px;right:-18px}.op-report-kpis span,.op-report-kpis small{display:block}.op-report-kpis span{color:#7f99b8;font-size:9px}.op-report-kpis strong{color:#eaf4ff;margin-top:7px;font-size:23px;line-height:1;display:block}.op-report-kpis small{color:#6884a5;margin-top:8px;font-size:8px}.op-report-kpis .blue strong{color:#62adff}.op-report-kpis .green{border-color:#205b47}.op-report-kpis .green strong{color:#50e0a3}.op-report-kpis .red{border-color:#693045}.op-report-kpis .red strong{color:#ff7f96}.op-report-kpis .purple{border-color:#4e3d70}.op-report-kpis .purple strong{color:#b48cff}.op-report-kpis .amber{border-color:#65501f}.op-report-kpis .amber strong{color:#ffc65f}.op-reports-premium>.pd-panel,.op-sla-premium,.op-monthly-premium{box-shadow:0 15px 34px #00000014;background:linear-gradient(145deg,#081827,#091c2f)!important;border-color:#173b60!important;border-radius:11px!important;margin:0 0 12px!important;overflow:hidden!important}.op-reports-premium .pd-panel-head,.op-sla-premium>.pd-panel-head,.op-monthly-premium>.pd-panel-head{background:linear-gradient(90deg,#194b782e,#0000);border-bottom-color:#153654!important;padding:16px 18px!important}.op-reports-premium .pd-panel-head h2,.op-sla-premium .pd-panel-head h2,.op-monthly-premium .pd-panel-head h2{color:#edf6ff;font-size:15px!important}.op-reports-premium .pd-panel-head p,.op-sla-premium .pd-panel-head p,.op-monthly-premium .pd-panel-head p{color:#7f99b8!important;font-size:10px!important}.op-reports-premium .op-filters,.op-sla-premium .op-filters,.op-monthly-premium .op-filters{background:#071624;border-bottom:1px solid #12314d;gap:10px!important;padding:13px 16px!important}.op-reports-premium .op-filters label,.op-sla-premium .op-filters label,.op-monthly-premium .op-filters label{color:#8fa8c4!important;gap:5px!important;font-size:9px!important}.op-reports-premium .op-filters select,.op-sla-premium .op-filters select,.op-monthly-premium .op-filters select{color:#dceafa!important;background:#091b2e!important;border-color:#244c71!important;border-radius:6px!important;height:36px!important;padding:0 10px!important;font-size:10px!important}.op-reports-premium .op-primary,.op-monthly-premium .op-primary{background:linear-gradient(135deg,#1667df,#287ff2);border-color:#3b86ef;padding:8px 13px;font-size:10px}.op-premium-report-heading{background:#09192a;border-bottom:1px solid #143450;padding:13px 16px!important}.op-premium-report-heading strong{color:#eaf4ff;font-size:12px}.op-premium-report-heading p{color:#7893b3!important;margin:3px 0!important;font-size:8px!important}.op-device-report-stats,.op-sla-premium .op-report-stats,.op-monthly-premium .op-report-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:13px 16px!important;display:grid!important}.op-device-report-stats>.pd-stat,.op-sla-premium .op-report-stats>.pd-stat,.op-monthly-premium .op-report-stats>.pd-stat{background:linear-gradient(145deg,#091a2b,#0a2035)!important;border-color:#173a5b!important;border-radius:8px!important;min-height:88px!important;padding:12px 13px!important}.op-device-report-stats>.pd-stat span,.op-sla-premium .op-report-stats>.pd-stat span,.op-monthly-premium .op-report-stats>.pd-stat span{letter-spacing:.05em;text-transform:uppercase;color:#7893b2!important;font-size:8px!important}.op-device-report-stats>.pd-stat strong,.op-sla-premium .op-report-stats>.pd-stat strong,.op-monthly-premium .op-report-stats>.pd-stat strong{color:#edf6ff!important;margin-top:8px!important;font-size:19px!important;line-height:1.15!important}.op-device-report-stats>.pd-stat:first-child,.op-sla-premium .op-report-stats>.pd-stat:nth-child(2){border-color:#205b47!important}.op-device-report-stats>.pd-stat:first-child strong,.op-sla-premium .op-report-stats>.pd-stat:nth-child(2) strong{color:#54e3aa!important}.op-device-report-stats>.pd-stat:nth-child(2),.op-sla-premium .op-report-stats>.pd-stat:nth-child(4){border-color:#693045!important}.op-device-report-stats>.pd-stat:nth-child(2) strong,.op-sla-premium .op-report-stats>.pd-stat:nth-child(4) strong{color:#ff8399!important}.op-sla-premium .op-report-stats>.pd-stat:first-child{border-color:#65501f!important}.op-sla-premium .op-report-stats>.pd-stat:first-child strong{color:#ffc65f!important}.op-sla-premium .op-report-stats>.pd-stat:nth-child(3){border-color:#285682!important}.op-sla-premium .op-report-stats>.pd-stat:nth-child(3) strong{color:#67b5ff!important}.op-reports-premium .op-note,.op-sla-premium .op-note,.op-monthly-premium .op-note{color:#7893b0!important;margin:10px 16px!important;font-size:9px!important}.op-reports-premium .op-report-heading,.op-sla-premium .op-report-heading,.op-monthly-premium .op-report-heading{padding:12px 16px!important}.op-reports-premium .op-report-heading strong,.op-sla-premium .op-report-heading strong,.op-monthly-premium .op-report-heading strong{color:#e4effb;font-size:11px}.op-reports-premium .op-report-heading p,.op-sla-premium .op-report-heading p,.op-monthly-premium .op-report-heading p{color:#718cab;font-size:9px}.op-premium-table thead,.op-sla-premium thead,.op-monthly-premium thead{background:#071523!important}.op-premium-table th,.op-premium-table td,.op-sla-premium th,.op-sla-premium td,.op-monthly-premium th,.op-monthly-premium td{border-bottom-color:#12304b!important;padding:10px 13px!important;font-size:9px!important}.op-premium-table tbody tr:hover,.op-sla-premium tbody tr:hover,.op-monthly-premium tbody tr:hover{background:#0d263f!important}.op-monthly-premium>div[style]{padding-left:16px!important;padding-right:16px!important}.op-monthly-premium>div[style]>button:not(.op-primary){color:#a9cfff!important;background:#102844!important;border:1px solid #28557e!important;border-radius:7px!important;padding:8px 13px!important;font-size:10px!important}.op-monthly-premium>div[style]>button:not(.op-primary):hover{background:#17385d!important}@media (width<=1250px){.op-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.op-device-report-stats,.op-sla-premium .op-report-stats,.op-monthly-premium .op-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.op-reports-hero{flex-direction:column;align-items:flex-start}.op-reports-hero-badge{text-align:left;width:100%;min-width:0}.op-report-kpis{grid-template-columns:1fr 1fr}}@media (width<=480px){.op-report-kpis{grid-template-columns:1fr}.op-device-report-stats,.op-sla-premium .op-report-stats,.op-monthly-premium .op-report-stats{grid-template-columns:1fr!important}}.op-incident-table-wrap{overflow-x:auto}.op-incidents-premium .op-incident-no{text-align:center;color:#6f8dac;font-variant-numeric:tabular-nums;width:48px}.op-pagination{background:#071523;border-top:1px solid #153451;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.op-pagination-meta{color:#7893b2;align-items:center;gap:14px;min-width:0;font-size:9px;display:flex}.op-pagination-meta>span{white-space:nowrap}.op-pagination-meta label{color:#6f8cab;align-items:center;gap:6px;font-size:8px;display:flex}.op-pagination-meta select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:6px;height:30px;padding:0 8px;font-size:8px}.op-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.op-pagination-controls button{color:#9db9d6;cursor:pointer;background:#0b2137;border:1px solid #244c71;border-radius:6px;min-width:32px;height:31px;padding:0 8px;font-size:8px;transition:background .15s,border-color .15s,color .15s}.op-pagination-controls button:hover:not(:disabled){color:#edf7ff;background:#14385c;border-color:#397fc0}.op-pagination-controls button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2);border-color:#438eef;box-shadow:0 5px 15px #1b6fe438}.op-pagination-controls button:disabled{opacity:.35;cursor:not-allowed}.op-page-gap{color:#587491;padding:0 2px;font-size:10px}@media (width<=760px){.op-pagination{flex-direction:column;align-items:stretch}.op-pagination-meta{justify-content:space-between}.op-pagination-controls{justify-content:center}}.top-page{--top-bg:#061625;--top-panel:#081b2e;--top-panel2:#0a2138;--top-border:#173b60;--top-muted:#7f9bbd;--top-blue:#389cff;--top-green:#39e49d;--top-red:#ff607b;--top-purple:#a56cff;color:#edf6ff}.top-header{background:radial-gradient(circle at 78% 8%,#389cff33,#0000 24%),linear-gradient(120deg,#071827,#0a2035);border:1px solid #173b60;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:14px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.top-header:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:330px;height:330px;position:absolute;top:-130px;right:-80px;box-shadow:0 0 0 45px #49a4ff06,0 0 0 90px #49a4ff04}.top-header>div{z-index:1;position:relative}.top-header span{letter-spacing:.16em;color:#5af;font-size:10px;font-weight:800}.top-header h1{color:#f8fbff;letter-spacing:-.03em;margin:6px 0 7px;font-size:30px;line-height:1.05}.top-header p{color:#84a0bf;margin:0;font-size:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:690px;display:flex}.top-actions button,.top-actions select,.top-inspector button,.top-inspector input,.top-inspector select{font:inherit;color:#dceafa;background:#091c2f;border:1px solid #28567f;border-radius:7px;padding:9px 11px;font-size:10px}.top-actions button,.top-inspector button{cursor:pointer;font-weight:700}.top-actions button:hover,.top-inspector button:hover{background:#102c49;border-color:#3b79b3}.top-actions .primary,.top-inspector .primary{color:#fff;background:linear-gradient(135deg,#1667df,#287ff2);border-color:#3b86ef}.top-actions button:disabled{opacity:.42;cursor:not-allowed}.top-message{color:#8bc5ff;background:#0b2742;border:1px solid #285a84;border-radius:8px;margin:0 0 12px;padding:10px 13px;font-size:10px}.top-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px;display:grid}.top-summary>div{background:linear-gradient(145deg,#081a2c,#0a2036);border:1px solid #173b60;border-radius:9px;align-items:center;gap:10px;min-height:78px;padding:13px 14px;display:flex;position:relative;overflow:hidden}.top-summary>div:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:74px;height:74px;position:absolute;bottom:-24px;right:-18px}.top-summary strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.top-summary span{color:#7994b4;font-size:10px}.top-summary>div:first-child strong{color:#63adff}.top-summary>div:nth-child(2){border-color:#205b47}.top-summary>div:nth-child(2) strong{color:#50e0a3}.top-summary>div:nth-child(3){border-color:#693045}.top-summary>div:nth-child(3) strong{color:#ff7f96}.top-summary>div:nth-child(4){border-color:#513f73}.top-summary>div:nth-child(4) strong{color:#b58cff}.top-workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:10px;display:grid}.top-canvas{background:#061625;border:1px solid #183d61;border-radius:11px;position:relative;overflow:auto;box-shadow:0 18px 38px #00000024}.top-canvas:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 40%,#2270b314,#0000 38%);position:absolute;inset:0}.top-canvas svg{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:760px;display:block;position:relative}.top-empty{z-index:4;text-align:center;color:#7792b0;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.top-empty strong{color:#d8e8fa;font-size:17px}.top-empty span{margin-top:5px;font-size:10px}.top-node{cursor:grab}.top-node:active{cursor:grabbing}.top-canvas-legend{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:#061625e0;border:1px solid #2d5e89d9;border-radius:8px;gap:6px;width:118px;padding:10px;display:grid;position:absolute;top:12px;left:12px}.top-canvas-legend strong{letter-spacing:.09em;text-transform:uppercase;color:#8aa8c8;font-size:8px}.top-canvas-legend span{color:#9fb5ce;align-items:center;gap:7px;font-size:8px;display:flex}.top-canvas-legend i{color:#65afff;background:#123252;border-radius:5px;place-items:center;width:20px;height:20px;font-size:7px;font-style:normal;font-weight:800;display:grid}.top-canvas-legend hr{border:0;border-top:1px solid #1c4265;margin:2px 0}.top-canvas-legend b{background:#4f9fff;border-radius:999px;width:22px;height:2px}.top-canvas-legend b.wan{background:#39e49d}.top-canvas-legend b.vpn{background:#a56cff}.top-inspector{color:#eaf4ff;background:linear-gradient(145deg,#081929,#0a2035);border:1px solid #173b60;border-radius:11px;max-height:680px;padding:15px;overflow:auto;box-shadow:0 18px 38px #0000001c}.top-inspector h2{color:#f2f8ff;margin:0 0 12px;font-size:16px}.top-inspector h3{text-transform:uppercase;letter-spacing:.11em;color:#68aef4;margin:16px 0 9px;font-size:9px}.top-inspector p{color:#7f9bbd;font-size:10px;line-height:1.55}.top-inspector label{color:#8fa8c5;gap:5px;margin-bottom:9px;font-size:9px;font-weight:700;display:grid}.top-inspector input,.top-inspector select{box-sizing:border-box;background:#071827;border-color:#244c72;width:100%}.top-inspector input:focus,.top-inspector select:focus{border-color:#4194e0;outline:none;box-shadow:0 0 0 2px #4194e01f}.top-inspector hr{border:0;border-top:1px solid #173b5d;margin:15px 0}.top-inspector .full{width:100%}.top-inspector .danger{color:#ff94a8;background:#331d29;border-color:#673045;width:100%}.top-inspector .danger:hover{background:#452332}.top-device-info{background:#071726;border:1px solid #153756;border-radius:7px;grid-template-columns:72px 1fr;gap:7px;margin:10px 0;padding:10px;font-size:9px;display:grid}.top-device-info span{color:#718eae}.top-device-info strong{color:#dceafa;overflow-wrap:anywhere}.top-links{gap:6px;display:grid}.top-links button{text-align:left;background:#0b2238;border-color:#244c70;justify-content:space-between;gap:8px;padding:8px;font-size:8px;display:flex}.top-links b{color:#ff738b}@media (width<=1100px){.top-header{display:block}.top-actions{justify-content:flex-start;margin-top:14px}.top-workspace{grid-template-columns:1fr}.top-inspector{max-height:none}.top-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.top-summary{grid-template-columns:1fr 1fr}.top-actions>*{flex:140px}.top-header h1{font-size:24px}.top-header{padding:17px}.top-canvas-legend{display:none}}@media print{.pd-sidebar,.top-actions,.top-inspector,.top-message,.top-canvas-legend{display:none!important}.pd-main{margin:0!important;padding:0!important}.top-workspace{display:block}.top-canvas{box-shadow:none;border:0}.top-summary{grid-template-columns:repeat(4,1fr)}.top-page{page-break-inside:avoid}@page{size:landscape;margin:10mm}}.pd-app,.pd-login{--pd-bg:#0a1020;--pd-panel:#111c30;--pd-border:#283750;--pd-muted:#9cacc4;color:#edf3fc;background:var(--pd-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}.pd-app *,.pd-login *{box-sizing:border-box}.pd-app{grid-template-columns:252px minmax(0,1fr);display:grid}.pd-app button,.pd-login button,.pd-app select,.pd-login input{font:inherit}.pd-app button,.pd-login button,.pd-legacy-bar button{cursor:pointer}.pd-app button:focus-visible,.pd-app select:focus-visible,.pd-login input:focus-visible,.pd-login button:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.pd-app button:disabled,.pd-app select:disabled,.pd-login button:disabled{opacity:.55;cursor:wait}.pd-sidebar{border-right:1px solid var(--pd-border);background:#10192a;flex-direction:column;height:100vh;padding:28px 16px;display:flex;position:sticky;top:0;overflow:auto}.pd-brand{align-items:center;gap:12px;padding:0 6px 34px;font-size:16px;font-weight:700;display:flex}.pd-brand b{color:#fff;background:#2563eb;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.pd-brand small{letter-spacing:.045em;color:var(--pd-muted);margin-top:5px;font-size:12px;font-weight:400;display:block}.pd-nav{text-align:left;color:#b7c5da;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:12px;display:flex;font-size:14px!important}.pd-nav:hover{color:#fff;background:#1a2942}.pd-nav.active{color:#dceaff;background:#1d3455;border-color:#315582}.pd-nav-label{color:var(--pd-muted);letter-spacing:.08em;justify-content:space-between;margin:30px 12px 12px;font-size:12px;display:flex}.pd-side-bottom{margin-top:auto;padding-top:32px}.pd-user{border-top:1px solid var(--pd-border);margin-top:16px;padding:18px 10px 0}.pd-user strong,.pd-user small{display:block}.pd-user small{color:var(--pd-muted);margin:4px 0 12px;font-size:12px}.pd-user button{color:#b7c5da;background:0 0;border:0;padding:4px 0;font-size:14px}.pd-main{width:100%;min-width:0;max-width:1920px;margin:auto;padding:32px clamp(18px,3vw,48px)}.pd-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.pd-eyebrow{letter-spacing:.1em;color:#8fabd0;font-size:12px;font-weight:600}.pd-header h1,.pd-login h1{margin:8px 0;font-size:clamp(26px,3vw,36px);line-height:1.2}.pd-header p,.pd-login p{color:var(--pd-muted);margin:8px 0;font-size:14px}.pd-refresh{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.pd-refresh span{color:var(--pd-muted);font-size:12px}.pd-refresh button,.pd-user button:hover{color:#e2ecff}.pd-refresh button,.pd-period button,.pd-chart-controls select{color:#dce8fa;background:#15233b;border:1px solid #31435f;border-radius:7px;padding:8px 14px;font-size:14px}.pd-refresh button:hover{background:#243c5f}.pd-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.pd-stat{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;min-width:0;padding:20px}.pd-stat>span{color:var(--pd-muted);font-size:14px;display:block}.pd-stat strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;font-weight:600;display:block}.pd-stat small{color:var(--pd-muted);margin-top:8px;font-size:12px;display:block}.pd-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:20px 0 16px;display:flex}.pd-section-heading h2,.pd-panel h2{margin:0;font-size:18px;font-weight:600}.pd-section-heading>span,.pd-panel-head>span{color:var(--pd-muted);font-size:12px}.pd-sites{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.pd-site-card{text-align:left;color:inherit;border:1px solid var(--pd-border);background:var(--pd-panel);border-top:3px solid #3b82f6;border-radius:12px;padding:24px;transition:border-color .15s}.pd-site-card:hover{background:#15233a;border-color:#6099e8}.pd-site-top{color:#a7bad5;justify-content:space-between;gap:12px;font-size:12px;display:flex}.pd-site-card h2{margin:24px 0 8px;font-size:24px;line-height:1.25}.pd-site-card p{color:var(--pd-muted);margin:0 0 24px;font-size:14px}.pd-site-footer{border-top:1px solid var(--pd-border);justify-content:space-between;gap:12px;padding-top:16px;font-size:14px;display:flex}.pd-site-footer strong{color:#93c5fd;font-weight:500}.pd-panel{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;min-width:0;margin-bottom:22px;overflow:hidden}.pd-panel-head{border-bottom:1px solid var(--pd-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.pd-panel-head p{color:var(--pd-muted);margin:5px 0 0;font-size:14px}.pd-muted{color:var(--pd-muted);font-weight:400}.pd-device-tabs{flex-wrap:wrap;gap:12px;padding:20px 24px;display:flex}.pd-device-tabs>button{color:#e7eefb;border:1px solid var(--pd-border);background:#0d1728;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.pd-device-tabs>button.selected{background:#1b3455;border-color:#4c8cdc}.pd-device-tabs strong{font-size:14px}.pd-device-tabs>button>span:not(.pd-badge){color:var(--pd-muted);font-size:12px}.pd-badge{letter-spacing:.025em;color:#cbd5e1;background:#29344b;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.pd-badge.up{color:#80e8bf;background:#123d32}.pd-badge.down{color:#fda4af;background:#452633}.pd-chart-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.pd-chart-controls label{color:var(--pd-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.pd-chart-controls select{min-width:160px;max-width:100%}.pd-period{gap:4px;display:flex}.pd-period button{padding:9px 12px}.pd-period button.selected{color:#fff;background:#274b79;border-color:#5d8eca}.pd-chart-legend{flex-wrap:wrap;gap:20px;padding:20px 24px 4px;font-size:14px;display:flex}.pd-chart-legend>span:last-child{color:var(--pd-muted);margin-left:auto;font-size:12px}.rx{color:#6ee7b7!important}.tx{color:#93c5fd!important}.pd-svg-wrap{padding:8px 16px 0;overflow-x:auto}.pd-svg-wrap svg{touch-action:pan-y;width:100%;min-width:560px;height:auto;display:block}.pd-svg-wrap text{fill:#9cacc4;font-family:ui-monospace,monospace;font-size:12px}.pd-gridline{stroke:#29384e;stroke-dasharray:3 4;stroke-width:1px}.pd-area{fill:#34d399;fill-opacity:.22}.pd-rx{fill:none;stroke:#34d399;stroke-width:2px;vector-effect:non-scaling-stroke}.pd-tx{fill:none;stroke:#60a5fa;stroke-width:2px;vector-effect:non-scaling-stroke}.pd-chart-caption{color:var(--pd-muted);min-height:38px;margin:0;padding:10px 24px;font-size:12px}.pd-warning{color:#fcd488}.pd-error{color:#fecdd3;background:#432330;border:1px solid #864359;border-radius:8px;margin:12px 0;padding:14px 20px;font-size:14px}.pd-empty{text-align:center;color:#aebdd1;padding:44px 24px;font-size:14px}.pd-table-wrap{overflow:auto}.pd-app table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:14px}.pd-app th{font-weight:500}.pd-app td,.pd-app th{border-bottom:1px solid #22324a;padding:13px 24px}.pd-app thead{color:var(--pd-muted);background:#101a2a;font-size:12px}.pd-app td{font-variant-numeric:tabular-nums}.pd-app tr:last-child td,.pd-app tr:last-child th{border-bottom:0}.pd-app tr.selected{background:#1a3050}.pd-app table button{color:#dceaff;font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.pd-detail-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.pd-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;display:grid}.pd-health .pd-stat{background:#0d1728;padding:12px}.pd-health .pd-stat strong{font-size:22px}.pd-incidents{max-height:350px;overflow:auto}.pd-incidents article{border-bottom:1px solid var(--pd-border);padding:18px 24px}.pd-incidents strong{color:#fda4af;font-size:14px}.pd-incidents p{margin:6px 0;font-size:14px}.pd-incidents small{color:var(--pd-muted);font-size:12px}.pd-footer{border-top:1px solid var(--pd-border);color:var(--pd-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;font-size:12px;display:flex}.pd-login{place-items:center;padding:24px;display:grid}.pd-login form{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:16px;width:100%;max-width:440px;padding:32px}.pd-login label{flex-direction:column;gap:8px;margin-top:20px;font-size:14px;display:flex}.pd-login input{color:#fff;background:#0a1424;border:1px solid #3a506f;border-radius:8px;width:100%;padding:12px}.pd-login button{color:#fff;background:#2563eb;border:0;border-radius:8px;width:100%;margin-top:24px;padding:12px}.pd-legacy-bar{color:#fff;background:#183153;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}.pd-legacy-bar button{color:#fff;background:#2563eb;border:0;border-radius:6px;padding:8px 12px}@media (width>=1700px){.pd-main{padding-top:42px}}@media (width<=1150px){.pd-app{grid-template-columns:220px minmax(0,1fr)}.pd-detail-grid{grid-template-columns:1fr}.pd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-header{align-items:flex-start}.pd-main{padding:24px}.pd-brand{font-size:14px}}@media (width<=760px){.pd-app{grid-template-columns:minmax(0,1fr)}.pd-sidebar{height:auto;padding:16px;display:block;position:static}.pd-brand{padding-bottom:16px}.pd-nav{width:auto;margin-right:6px;display:inline-flex}.pd-nav-label{margin:12px}.pd-side-bottom{padding-top:10px}.pd-user{flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;display:flex}.pd-user small{margin:0}.pd-user button{margin-left:auto}.pd-main{padding:24px 16px}.pd-header{flex-direction:column;gap:12px}.pd-refresh{flex-flow:wrap;align-items:center}.pd-panel-head{padding:18px}.pd-device-tabs{padding:16px}.pd-chart-controls{width:100%}.pd-section-heading{flex-direction:column;align-items:flex-start}.pd-health{gap:8px;padding:14px}.pd-health .pd-stat strong{font-size:18px}.pd-stat{padding:16px}.pd-stat strong{font-size:26px}}@media (width<=430px){.pd-health{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-stats{gap:10px}.pd-stat{padding:12px}.pd-device-tabs>button{width:100%}.pd-chart-legend{gap:10px}.pd-chart-controls select{width:100%}.pd-site-footer{flex-direction:column}}.act-log-page,.act-report-page{max-width:1400px;margin:0 auto;padding:32px}.act-report-header{margin-bottom:24px}.act-report-header h1{color:#e2ecff;margin:0 0 8px;font-size:24px;font-weight:700}.act-report-subtitle{color:var(--pd-muted);margin:0;font-size:14px}.act-report-controls{margin-bottom:20px}.act-report-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.act-report-btn-primary:hover{background:#1d4ed8}.act-report-filters{margin-bottom:20px}.act-report-search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.act-report-search{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;border-radius:8px;flex:1;min-width:200px;padding:10px 14px;font-size:14px}.act-report-search:focus{border-color:#2563eb;outline:none}.act-report-filter{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;border-radius:8px;min-width:150px;padding:10px 14px;font-size:14px}.act-report-filter:focus{border-color:#2563eb;outline:none}.act-report-date{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;border-radius:8px;padding:10px 14px;font-size:14px}.act-report-date:focus{border-color:#2563eb;outline:none}.act-report-btn-clear{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:8px;padding:10px 16px;font-size:14px}.act-report-btn-clear:hover{color:#fff;background:#dc2626}.act-report-table-wrap{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;margin-bottom:20px;overflow-x:auto}.act-report-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1050px;font-size:14px}.act-report-table th{text-align:left;color:var(--pd-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--pd-border);white-space:nowrap;background:#1a2332;padding:14px 12px;font-size:11px;font-weight:600}.act-report-table td{color:#dce8fa;vertical-align:top;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #22324a;padding:12px}.act-report-table tbody tr:last-child td{border-bottom:none}.act-report-table .cell-nowrap{white-space:nowrap}.act-report-table .cell-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.act-report-table .cell-action{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.act-report-table .cell-action button{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;padding:6px 10px;font-size:11px;transition:background .2s}.act-report-table .cell-action button:hover{background:#1a2332}.act-report-table .cell-action button.delete:hover{color:#fca5a5;background:#7f1d1d20;border-color:#dc2626}.act-report-table .personel-badge{flex-wrap:wrap;gap:4px;display:inline-flex}.act-report-table .personel-name{color:#93c5fd;border:1px solid var(--pd-border);white-space:nowrap;background:#1e2a3a;border-radius:4px;padding:3px 8px;font-size:11px}.act-report-number{color:#60a5fa;white-space:nowrap;background:#60a5fa20;border-radius:4px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:12px;display:inline-block}.act-report-site-name{color:#e2ecff;white-space:nowrap;font-weight:500}.act-report-site-loc{color:var(--pd-muted);word-break:break-word;margin-top:2px;font-size:11px;display:block}.act-report-category-badge{white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.act-report-desc{color:#dce8fa;font-size:13px;line-height:1.4}.act-report-duration{color:#e2ecff;white-space:nowrap;font-weight:600}.act-report-personels{flex-wrap:wrap;gap:4px;display:flex}.act-report-personel-badge{color:#93c5fd;white-space:nowrap;background:#1a2332;border:1px solid #315582;border-radius:4px;padding:3px 8px;font-size:11px;display:inline-block}.act-report-status-badge{text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.act-report-text-muted{color:var(--pd-muted);font-size:12px}.act-report-actions{flex-wrap:wrap;gap:6px;display:flex}.act-report-btn-action{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 10px;font-size:14px;transition:background .2s}.act-report-btn-action:hover{background:#1a2332}.act-report-btn-action.delete:hover{color:#fca5a5;background:#7f1d1d}.act-report-pagination{border-top:1px solid var(--pd-border);background:#1a2332;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px;display:flex}.act-report-pagination-btn{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;border-radius:8px;flex:1;max-width:160px;padding:10px 0;font-size:14px}.act-report-pagination-btn:hover:not(:disabled){background:#1a2332;border-color:#4c8cdc}.act-report-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.act-report-pagination-info{text-align:center;color:var(--pd-muted);flex:1;font-size:14px}.act-report-loading{position:relative}.act-report-spinner{border:3px solid var(--pd-border);z-index:1;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}.act-report-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.act-report-modal{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow:auto}.act-report-modal-header{border-bottom:1px solid var(--pd-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.act-report-modal-header h2{color:#e2ecff;margin:0;font-size:18px;font-weight:600}.act-report-modal-close{color:var(--pd-muted);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:24px}.act-report-modal-close:hover{color:#dce8fa}.act-report-form{padding:24px}.act-report-error{color:#fca5a5;background:#dc262620;border:1px solid #dc2626;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.act-report-field{margin-bottom:16px}.act-report-field label{color:var(--pd-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.act-report-field input,.act-report-field select,.act-report-field textarea{border:1px solid var(--pd-border);color:#dce8fa;background:#0d1728;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.act-report-field input:focus,.act-report-field select:focus,.act-report-field textarea:focus{border-color:#2563eb;outline:none}.act-report-field textarea{resize:vertical;min-height:80px;font-family:ui-monospace,monospace}.act-report-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.act-report-duration-hint{color:var(--pd-muted);margin-top:4px;font-size:12px;display:block}.act-report-personel-selector{flex-direction:column;gap:8px;display:flex}.act-report-personel-list{flex-wrap:wrap;gap:8px;display:flex}.act-report-personel-add{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:background .2s}.act-report-personel-add:hover:not(:disabled){background:#1a2332;border-color:#4c8cdc}.act-report-personel-add:disabled{opacity:.5;cursor:not-allowed}.act-report-personel-selected{flex-wrap:wrap;gap:6px;display:flex}.act-report-personel-tag{border:1px solid var(--pd-border);color:#93c5fd;background:#0d1728;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.act-report-personel-remove{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.act-report-personel-help{color:var(--pd-muted);margin-top:4px;font-size:11px}.act-report-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.act-report-btn-cancel{border:1px solid var(--pd-border);color:#dce8fa;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px}.act-report-btn-cancel:hover{background:#1a2332}.act-report-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.act-report-btn-save:hover:not(:disabled){background:#1d4ed8}.act-report-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.act-report-table th:nth-child(4),.act-report-table td:nth-child(4),.act-report-table th:nth-child(6),.act-report-table td:nth-child(6){display:none}.act-report-search-row{flex-direction:column}.act-report-filter{min-width:100%}.act-report-field-row{grid-template-columns:1fr}}.act-log-header{margin-bottom:24px}.act-log-header h1{color:#e2ecff;margin:0 0 8px;font-size:24px;font-weight:700}.act-log-header p{color:var(--pd-muted);margin:0;font-size:14px}.act-log-search{gap:12px;margin-bottom:24px;display:flex}.act-search-input,.act-filter-select{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;border:none;border-radius:8px;flex:1;min-width:200px;padding:10px 14px;font-size:14px}.act-search-input{focus:outline:none;border-color:#3b82f6}.act-filter-select:focus{border-color:#3b82f6;outline:none}.act-log-table{border-collapse:collapse;width:100%;font-size:14px}.act-log-table th{text-align:left;color:var(--pd-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--pd-border);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.act-log-table tr:hover{background:#1a2942}.act-log-time{flex-direction:column;display:flex}.act-log-time .rel{color:#e2ecff;font-weight:500}.act-log-time .full{color:var(--pd-muted);margin-top:2px;font-size:12px}.act-username{color:#e2ecff;font-weight:500}.act-user-name{color:var(--pd-muted)}.act-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.act-role-admin{color:#a78bfa;background:#7c3aed30}.act-role-editor{color:#60a5fa;background:#2563eb30}.act-role-viewer{color:#94a3b8;background:#64748b30}.act-action-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.act-resource-type{color:var(--pd-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.act-resource-name{color:#e2ecff;font-weight:500}.act-resource-id{color:var(--pd-muted);margin-top:2px;font-size:12px;display:block}.act-desc{color:var(--pd-muted);max-width:300px;font-size:13px}.act-ip{color:#60a5fa;background:#60a5fa20;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:13px}.act-status-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.act-status-success{color:#4ade80;background:#16653420}.act-status-failed{color:#fca5a5;background:#7f1d1d20}.act-pagination{border-top:1px solid var(--pd-border);background:#1a2942;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.act-pagination button{border:1px solid var(--pd-border);background:var(--pd-panel);color:#dce8fa;cursor:pointer;border-radius:8px;flex:1;max-width:160px;padding:10px 0;font-size:14px}.act-pagination button:hover:not(:disabled){background:#1d3455;border-color:#4c8cdc}.act-pagination button:disabled{opacity:.5;cursor:not-allowed}.act-page-info{text-align:center;color:var(--pd-muted);flex:1;font-size:14px}.pd-traffic-panel{overflow:hidden}.pd-traffic-head{align-items:flex-end}.pd-live-traffic,.pd-traffic-usage{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 24px;display:grid}.pd-live-traffic>div,.pd-traffic-usage>div{border:1px solid var(--pd-border);background:#ffffff06;border-radius:10px;flex-direction:column;gap:6px;min-height:92px;padding:14px 16px;display:flex}.pd-live-traffic span,.pd-traffic-usage span{text-transform:uppercase;letter-spacing:.05em;color:var(--pd-muted);font-size:12px}.pd-live-traffic strong,.pd-traffic-usage strong{font-size:22px}.pd-live-traffic small,.pd-traffic-usage small{color:var(--pd-muted)}.pd-traffic-date-filter{border:1px solid var(--pd-border);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:4px 24px 16px;padding:16px;display:flex}.pd-traffic-date-filter label{min-width:180px;color:var(--pd-muted);flex-direction:column;gap:7px;font-size:13px;display:flex}.pd-traffic-date-filter input{border:1px solid var(--pd-border);background:var(--pd-panel);min-height:40px;color:inherit;border-radius:7px;padding:8px 10px}.pd-traffic-reset{border:1px solid var(--pd-border);min-height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:8px 16px}.pd-traffic-range-label{color:var(--pd-muted);margin:0 24px 12px;font-size:13px}@media (width<=650px){.pd-live-traffic,.pd-traffic-usage{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.pd-traffic-date-filter{align-items:stretch;margin-left:14px;margin-right:14px}.pd-traffic-date-filter label,.pd-traffic-date-filter input{width:100%}}.pd-drag-chart svg{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:pan-y}.pd-zoom-selection{fill:#60a5fa2e;stroke:#60a5faf2;stroke-width:1.5px;stroke-dasharray:6 4;pointer-events:none}.pd-hover-line{stroke:#dbeafee6;stroke-width:1px;stroke-dasharray:4 4;pointer-events:none}.pd-chart-reset{border:1px solid var(--pd-border);color:inherit;cursor:pointer;background:0 0;border-radius:7px;margin-left:auto;padding:6px 12px}.pd-chart-reset:hover{background:#ffffff0f}.pd-table-wrap td:last-child{white-space:nowrap;width:180px;min-width:180px}.pd-table-wrap td:last-child>button{vertical-align:middle;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:70px;height:36px;margin:3px 5px 3px 0;padding:0 14px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,opacity .2s;display:inline-flex}.pd-table-wrap td:last-child>button:first-child{color:#93c5fd;background:#2563eb1f;border:1px solid #3b82f6}.pd-table-wrap td:last-child>button:last-child{color:#fff;background:#dc2626;border:1px solid #dc2626}.pd-table-wrap td:last-child>button:first-child:hover{background:#2563eb40}.pd-table-wrap td:last-child>button:last-child:hover{background:#b91c1c;border-color:#b91c1c}.pd-table-wrap td:last-child>button:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.pd-table-wrap td:last-child{width:150px;min-width:150px}.pd-table-wrap td:last-child>button{min-width:62px;padding:0 10px}}@media (width<=650px){.pd-table-wrap td:last-child{width:110px;min-width:110px}.pd-table-wrap td:last-child>button{width:100%;min-width:0;margin:4px 0;display:flex}}.act-report-table{table-layout:auto;min-width:1650px}.act-report-table th,.act-report-table td{vertical-align:top;overflow-wrap:anywhere;line-height:1.4;white-space:normal!important}.act-report-table .cell-nowrap,.act-report-table .act-report-duration{white-space:nowrap!important}.act-report-table .act-report-site-name{overflow-wrap:anywhere;line-height:1.35;display:block;white-space:normal!important}.act-report-table .act-report-site-loc{overflow-wrap:anywhere;word-break:normal;margin-top:4px;line-height:1.35;display:block;white-space:normal!important}.act-report-table .act-report-desc,.act-report-table .cell-desc{overflow-wrap:anywhere;word-break:normal;line-height:1.4;white-space:normal!important}.act-report-table .act-report-personels,.act-report-table .personel-badge{flex-wrap:wrap;gap:5px;display:flex}.act-report-table-wrap{overflow-x:auto}.pd-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);align-items:start;gap:22px;display:grid}.pd-detail-grid.no-incidents{grid-template-columns:minmax(0,1fr)}.pd-detail-grid.no-incidents .pd-health{grid-template-columns:repeat(6,minmax(0,1fr))}.pd-health-panel,.pd-incident-panel{margin-bottom:22px}.pd-health-panel .pd-panel-head,.pd-incident-panel .pd-panel-head{min-height:82px}.pd-health{align-items:stretch}.pd-health .pd-stat{flex-direction:column;justify-content:center;min-height:94px;display:flex}.pd-health .pd-stat>span{font-size:12px}.pd-health .pd-stat strong{margin-top:7px;line-height:1.15}.pd-incident-panel .pd-incidents{max-height:320px}@media (width<=1150px){.pd-detail-grid{grid-template-columns:1fr}.pd-detail-grid.no-incidents .pd-health{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=430px){.pd-detail-grid.no-incidents .pd-health{grid-template-columns:repeat(2,minmax(0,1fr))}}.pd-device-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px;display:grid}.pd-device-tabs>button{text-align:left;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-width:0;padding:13px 16px;display:grid}.pd-device-tabs>button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pd-device-tabs>button>span:not(.pd-badge){white-space:nowrap;font-variant-numeric:tabular-nums}.pd-device-tabs .pd-badge{white-space:nowrap}.pd-device-test{border:1px solid var(--pd-border);background:#0d1728;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 24px 22px;padding:16px 18px;display:flex}.pd-device-test-info{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.pd-device-test-label{letter-spacing:.08em;color:#8fabd0;font-size:11px;font-weight:700}.pd-device-test-info strong{color:#e7eefb;font-size:14px}.pd-device-test-info small{color:var(--pd-muted);font-variant-numeric:tabular-nums;font-size:13px}.pd-device-test-action{margin-left:auto}@media (width<=1400px){.pd-device-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.pd-device-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.pd-device-tabs{grid-template-columns:1fr;padding:16px}.pd-device-tabs>button{grid-template-columns:minmax(0,1fr) auto}.pd-device-tabs>button>span:not(.pd-badge){grid-column:1/-1}.pd-device-test{align-items:stretch;margin:0 16px 18px}.pd-device-test-info{width:100%}.pd-device-test-action{width:100%;margin-left:0}}.pd-device-tabs>button{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;row-gap:7px}.pd-device-tabs>button strong{white-space:normal;text-overflow:unset;grid-area:1/1/auto/-1;line-height:1.3;overflow:visible}.pd-device-tabs>button>span:not(.pd-badge){grid-area:2/1;justify-self:start}.pd-device-tabs>button>.pd-badge{grid-area:2/2;justify-self:end}.pd-traffic-panel{border-color:#294563}.pd-traffic-panel .pd-traffic-head{padding-top:22px;padding-bottom:22px}.pd-traffic-head h2{margin-top:5px}.pd-live-traffic{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-live-traffic>div{min-height:100px}.pd-live-traffic strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pd-traffic-usage{grid-template-columns:repeat(5,minmax(0,1fr))}.pd-traffic-date-filter{background:#ffffff05}.pd-traffic-date-filter .op-primary{min-height:40px}.pd-interface-panel{border-color:#294563}.pd-interface-table-wrap{overflow-x:auto}.pd-interface-table{table-layout:fixed;min-width:760px}.pd-interface-table th:first-child{width:34%}.pd-interface-table th:nth-child(2),.pd-interface-table th:nth-child(3){width:18%}.pd-interface-table th:last-child{width:30%}.pd-interface-table th,.pd-interface-table td{vertical-align:middle;padding-top:14px;padding-bottom:14px}.pd-interface-table tbody tr{transition:background-color .15s,box-shadow .15s}.pd-interface-table tbody tr:hover{background:#60a5fa0e}.pd-interface-table tbody tr.selected{background:#1a3050;box-shadow:inset 3px 0 #60a5fa}.pd-interface-table button{color:#dbeafe!important;font-weight:600!important;text-decoration:none!important}.pd-interface-table button:hover{text-underline-offset:4px;color:#93c5fd!important;text-decoration:underline!important}.pd-interface-table .rx,.pd-interface-table .tx{font-variant-numeric:tabular-nums;font-weight:500}.pd-interface-table td:last-child{white-space:normal;width:auto;min-width:0}.pd-interface-time{white-space:nowrap;display:block}.pd-interface-stale{color:#fcd488;background:#f59e0b1a;border-radius:5px;margin-top:4px;padding:2px 7px;font-size:11px;display:inline-block}@media (width<=1200px){.pd-traffic-usage{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.pd-live-traffic{grid-template-columns:1fr}.pd-traffic-usage{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-interface-table th,.pd-interface-table td{padding-left:16px;padding-right:16px}}@media (width<=430px){.pd-traffic-usage{grid-template-columns:1fr}}.act-report-table th:nth-child(8),.act-report-table td:nth-child(8){overflow-wrap:normal;word-break:normal;width:180px;min-width:180px;white-space:nowrap!important}.act-report-table th:nth-child(9),.act-report-table td:nth-child(9){overflow-wrap:normal;word-break:normal;width:220px;min-width:220px}.act-report-table td:nth-child(9) .personel-badge{flex-wrap:wrap;align-items:flex-start;gap:5px;max-width:100%;display:flex}.pd-site-wrap{min-width:0}.pd-site-card{position:relative;overflow:hidden}.pd-site-actions{gap:8px;margin-top:8px;display:flex}.pd-site-delete{color:#fff;background:#dc2626;border:1px solid #ef4444;border-radius:6px;padding:10px 14px}.pd-site-delete:hover{background:#b91c1c;border-color:#dc2626}.pd-ping-monitor{text-align:left;background:#0d1a2b;border:1px solid #263f5f;border-radius:10px;margin:18px 0 16px;overflow:hidden}.pd-ping-head{color:#bdd3ee;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 7px;font-size:11px;font-weight:700;display:flex}.pd-site-status{color:#d6dfeb;background:#233044;border:1px solid #526078;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.pd-site-status:before{content:"";background:#94a3b8;border-radius:999px;width:8px;height:8px;box-shadow:0 0 9px #94a3b873}.pd-site-status.online{color:#86efac;background:#16653440;border-color:#166534}.pd-site-status.online:before{background:#4ade80;box-shadow:0 0 10px #4ade80a6}.pd-site-status.offline{color:#fecaca;background:#7f1d1d47;border-color:#991b1b}.pd-site-status.offline:before{background:#f87171;box-shadow:0 0 10px #f87171a6}.pd-ping-chart{background:linear-gradient(#19345257,#07101c1a);padding:0 8px 2px;position:relative}.pd-ping-chart svg{width:100%;height:auto;min-height:118px;display:block}.pd-ping-chart text{fill:#9eb7d1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.pd-ping-grid{stroke:#2b4564;stroke-width:1px;stroke-dasharray:2 3}.pd-ping-line{fill:none;stroke:#5ee58d;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #5ee58d73)}.pd-ping-line.offline{stroke:#fb7185}.pd-ping-loss{fill:#ef4444;fill-opacity:.55}.pd-ping-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 10px 10px;display:grid}.pd-ping-kpis>div{background:#11243a;border:1px solid #263f5f;border-radius:8px;min-width:0;padding:9px 10px}.pd-ping-kpis span{color:#8faac7;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:10px;display:block;overflow:hidden}.pd-ping-kpis strong{color:#f3f7fc;font-variant-numeric:tabular-nums;font-size:16px;display:block}.pd-ping-kpis strong.ok{color:#4ade80}.pd-ping-kpis strong.loss{color:#f87171}.pd-ping-source{color:#748da8;white-space:nowrap;text-overflow:ellipsis;padding:0 12px 10px;font-size:10px;overflow:hidden}.pd-ping-empty{color:#8faac7;place-items:center;min-height:86px;font-size:12px;display:grid}.pd-site-card h2{margin-bottom:6px}.pd-site-card>p{margin-bottom:0}@media (width<=760px){.pd-ping-kpis{grid-template-columns:1fr 1fr}.pd-ping-kpis>div:last-child{grid-column:1/-1}.pd-site-actions{flex-wrap:wrap}}@media (width<=430px){.pd-ping-kpis{grid-template-columns:1fr}.pd-ping-kpis>div:last-child{grid-column:auto}.pd-ping-head{flex-direction:column;align-items:flex-start}.pd-site-actions>button{flex:140px}}.pd-device-ping-mini{color:#8fabd0;font-variant-numeric:tabular-nums;border-top:1px solid #94a3b81f;grid-column:1/-1;align-items:center;gap:14px;margin-top:2px;padding-top:8px;font-size:11px;display:flex}.pd-device-ping-mini b{color:#dbeafe;font-size:12px;font-weight:700}.pd-device-ping-mini .loss b{color:#fda4af}.pd-device-ping-history{background:#0b1627;border:1px solid #294563;border-radius:12px;margin:0 24px 24px;overflow:hidden}.pd-ping-detail-head{border-bottom:1px solid var(--pd-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.pd-ping-detail-head h3{color:#e7eefb;margin:4px 0 0;font-size:17px}.pd-ping-detail-head h3 span{color:var(--pd-muted);font-size:13px;font-weight:400}.pd-ping-detail-head p{color:var(--pd-muted);margin:5px 0 0;font-size:12px}.pd-ping-live{letter-spacing:.05em;color:#cbd5e1;background:#29344b;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700}.pd-ping-live.online{color:#80e8bf;background:#123d32}.pd-ping-live.offline{color:#fda4af;background:#452633}.pd-ping-summary{background:var(--pd-border);border-bottom:1px solid var(--pd-border);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.pd-ping-summary>div{background:#0d1728;min-width:0;padding:14px 16px}.pd-ping-summary span{color:#8fabd0;text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}.pd-ping-summary strong{color:#e7eefb;font-variant-numeric:tabular-nums;margin-top:7px;font-size:19px;display:block}.pd-ping-summary strong.warn{color:#fda4af}.pd-ping-detail-chart{padding:16px 16px 4px;position:relative;overflow-x:auto}.pd-ping-detail-chart svg{width:100%;min-width:680px;height:auto;display:block}.pd-ping-detail-chart text{fill:#8296b2;font-family:ui-monospace,monospace;font-size:11px}.pd-ping-detail-grid{stroke:#263850;stroke-width:1px;stroke-dasharray:3 4}.pd-ping-detail-line{fill:none;stroke:#60a5fa;stroke-width:2.2px;vector-effect:non-scaling-stroke}.pd-ping-detail-loss{fill:#f87171;fill-opacity:.5}.pd-ping-detail-time{font-size:10px!important}.pd-ping-detail-note{color:#7187a5;text-align:right;padding:0 20px 15px;font-size:11px}@media (width<=1050px){.pd-ping-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.pd-device-ping-history{margin:0 16px 18px}.pd-ping-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-ping-detail-head{padding:16px}.pd-ping-detail-chart{padding:12px 8px 2px}.pd-device-ping-mini{justify-content:space-between;gap:8px}}.pd-noc-hero{margin-bottom:18px}.pd-noc-breadcrumb{color:#7890ad;margin:2px 0 12px;font-size:12px}.pd-noc-breadcrumb span{color:#4d6686;padding:0 8px}.pd-noc-breadcrumb b{color:#dce8fa}.pd-noc-hero-row{grid-template-columns:minmax(280px,1.05fr) minmax(420px,1.35fr) minmax(190px,.55fr);gap:12px;display:grid}.pd-noc-site-identity,.pd-noc-health-card,.pd-noc-status-card,.pd-noc-link-card,.pd-noc-total-card{background:linear-gradient(145deg,#0b1829,#0c1b2f);border:1px solid #183656;border-radius:10px;box-shadow:0 10px 28px #0000001f}.pd-noc-site-identity{align-items:center;gap:16px;padding:18px;display:flex}.pd-noc-site-mark{color:#4da3ff;background:linear-gradient(145deg,#163765,#0c223f);border-radius:12px;place-items:center;width:76px;height:76px;font-size:40px;font-style:italic;font-weight:900;display:grid;box-shadow:inset 0 0 24px #3b82f62e}.pd-noc-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pd-noc-title-row h1{letter-spacing:-.02em;margin:0;font-size:25px}.pd-noc-title-row span{color:#9cc7ff;background:#16314f;border-radius:12px;padding:3px 9px;font-size:11px}.pd-noc-site-identity p{color:#9bb0ca;margin:7px 0 10px;font-size:13px}.pd-noc-site-identity em{color:#839ab6;font-size:12px}.pd-noc-health-card{grid-template-columns:130px 1fr;align-items:center;padding:16px;display:grid}.pd-noc-health-ring{--health:0deg;background:radial-gradient(circle at center,#0c1929 56%,transparent 58%),conic-gradient(#35d07f var(--health),#1a2d43 0);border-radius:50%;align-content:center;place-items:center;width:106px;height:106px;display:grid;box-shadow:0 0 24px #35d07f1c}.pd-noc-health-ring b{color:#edf8ff;font-size:23px}.pd-noc-health-ring span{color:#7f94af;margin-top:1px;font-size:10px}.pd-noc-health-metrics{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pd-noc-health-metrics>div{border-left:1px solid #17324e;padding:7px 15px}.pd-noc-health-metrics strong{color:#eaf3ff;font-variant-numeric:tabular-nums;font-size:18px;display:block}.pd-noc-health-metrics span{color:#9bb1cc;margin-top:6px;font-size:11px;display:block}.pd-noc-health-metrics small{color:#617a99;margin-top:5px;font-size:10px;display:block}.pd-noc-status-card{grid-template-columns:1fr 1fr;align-content:center;gap:9px;padding:15px;display:grid}.pd-noc-online-pill{text-align:center;color:#c6d3e4;border:1px solid #40516a;border-radius:7px;grid-column:1/-1;padding:7px;font-size:12px;font-weight:800}.pd-noc-online-pill.online{color:#73f1bd;background:#15b9731c;border-color:#15b973}.pd-noc-online-pill.offline{color:#fda4af;background:#b543541f;border-color:#b54354}.pd-noc-status-card>div{padding:8px 5px}.pd-noc-status-card>div span{color:#7188a6;font-size:10px;display:block}.pd-noc-status-card>div b{color:#d3dfef;margin-top:5px;font-size:11px;display:block}.pd-noc-status-card>div b.connected{color:#56e6a8}.pd-noc-status-card button{color:#a9cfff;cursor:pointer;background:#102844;border:1px solid #24496f;border-radius:6px;grid-column:1/-1;padding:7px}.pd-noc-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pd-noc-link-card,.pd-noc-total-card{min-height:126px;padding:14px}.pd-noc-link-head{grid-template-columns:36px minmax(0,1fr) 52px;align-items:center;gap:9px;display:grid}.pd-noc-provider-icon{color:#60a5fa;background:#102b4c;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.pd-noc-link-head strong{font-size:13px;display:block}.pd-noc-link-head span{color:#788fae;margin-top:3px;font-size:10px;display:block}.pd-noc-util-ring{--util:0deg;background:radial-gradient(circle,#0d1b2c 57%,transparent 59%),conic-gradient(#35d07f var(--util),#1d334a 0);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pd-noc-util-ring.warn{background:radial-gradient(circle,#0d1b2c 57%,transparent 59%),conic-gradient(#f59e42 var(--util),#1d334a 0)}.pd-noc-util-ring.critical{background:radial-gradient(circle,#0d1b2c 57%,transparent 59%),conic-gradient(#f45f72 var(--util),#1d334a 0)}.pd-noc-util-ring b{font-size:11px}.pd-noc-capacity-row{color:#8299b6;justify-content:space-between;gap:8px;margin-top:11px;font-size:10px;display:flex}.pd-noc-capacity-row strong{color:#d9e7f7;font-weight:600}.pd-noc-progress{background:#182d45;border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.pd-noc-progress i{border-radius:inherit;background:#31ce87;height:100%;display:block}.pd-noc-progress i.warn{background:#f59e42}.pd-noc-progress i.critical{background:#f45f72}.pd-noc-link-foot{color:#68809e;gap:11px;margin-top:9px;font-size:9px;display:flex}.pd-noc-link-foot b{color:#a7bdd6}.pd-noc-total-card>span{color:#8fa6c2;font-size:10px}.pd-noc-total-card>strong{margin-top:9px;font-size:23px;display:block}.pd-noc-total-card small{color:#66809f;font-size:10px}.pd-noc-bars{align-items:flex-end;gap:3px;height:43px;margin:9px 0;display:flex}.pd-noc-bars i{opacity:.82;background:linear-gradient(#2b82f6,#12447d);border-radius:2px 2px 0 0;flex:1;min-width:2px}.pd-device-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:12px 16px 16px!important}.pd-device-tabs>button.pd-noc-device-card{min-height:91px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0b1829,#0b1a2e)!important;border-color:#173a5d!important;border-radius:9px!important;grid-template-rows:auto auto auto!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:4px 9px!important;padding:11px 12px!important;display:grid!important}.pd-device-tabs>button.pd-noc-device-card:hover{background:#10233a!important;border-color:#2c70aa!important}.pd-device-tabs>button.pd-noc-device-card.selected{box-shadow:0 0 0 1px #3c9aff26,inset 0 0 28px #2674be14;border-color:#3c9aff!important}.pd-noc-device-icon{background:#18324f;border-radius:50%;grid-area:1/1/3;place-items:center;width:36px;height:36px;color:#b9d9ff!important;font-size:18px!important;display:grid!important}.pd-noc-device-title{grid-area:1/2;min-width:0}.pd-noc-device-title strong{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;display:block!important;overflow:hidden!important}.pd-noc-device-title small{color:#7289a7;margin-top:2px;font-size:9px;display:block}.pd-device-tabs>button.pd-noc-device-card>.pd-badge{grid-area:1/3!important;padding:3px 7px!important;font-size:9px!important}.pd-device-tabs>button.pd-noc-device-card>.pd-device-ip{color:#7e96b6!important;grid-area:2/2!important;font-size:9px!important}.pd-noc-device-latency{color:#54eca8;white-space:nowrap;grid-area:3/1;font-size:16px!important}.pd-noc-device-loss{color:#8ca3bf;grid-area:3/2;font-size:9px}.pd-noc-device-loss.loss{color:#fda4af}.pd-mini-spark{grid-area:2/3/4;width:86px;height:28px;overflow:visible}.pd-mini-spark polyline{fill:none;stroke:#3fa7ff;stroke-width:1.6px;vector-effect:non-scaling-stroke}.pd-mini-spark.offline polyline{stroke:#f87171}.pd-mini-spark-base{stroke:#1b3654;stroke-width:1px}.pd-panel:first-of-type .pd-panel-head{background:linear-gradient(90deg,#13345659,#0000)}.pd-panel:first-of-type .pd-panel-head h2:before{content:"DAFTAR ";letter-spacing:.08em;color:#4f9df5;margin-bottom:4px;font-size:10px;display:block}.pd-device-test{background:#091523!important;border-color:#193856!important;margin-top:2px!important}.pd-device-ping-history{background:linear-gradient(145deg,#081523,#0a1b2d)!important;border-color:#193d61!important}.pd-traffic-panel,.pd-interface-panel{background:linear-gradient(145deg,#091624,#0a1a2c)!important}.pd-live-traffic>div{background:linear-gradient(145deg,#0c1b2d,#0d2035)!important;border-color:#183c60!important}.pd-health .pd-stat{background:#0a1929!important;border-color:#173959!important}@media (width<=1350px){.pd-noc-hero-row{grid-template-columns:1fr 1.35fr}.pd-noc-status-card{grid-column:1/-1;grid-template-columns:auto repeat(2,minmax(120px,1fr)) auto;align-items:center}.pd-noc-status-card>.pd-noc-online-pill,.pd-noc-status-card>button{grid-column:auto}.pd-noc-links{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-device-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=950px){.pd-noc-hero-row{grid-template-columns:1fr}.pd-noc-health-card{grid-template-columns:120px 1fr}.pd-noc-status-card{grid-template-columns:1fr 1fr}.pd-noc-status-card>.pd-noc-online-pill,.pd-noc-status-card>button{grid-column:1/-1}.pd-device-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=650px){.pd-noc-links,.pd-noc-health-card{grid-template-columns:1fr}.pd-noc-health-ring{margin:auto}.pd-noc-health-metrics{margin-top:12px}.pd-noc-site-mark{width:58px;height:58px}.pd-noc-title-row h1{font-size:20px}.pd-device-tabs{grid-template-columns:1fr!important}.pd-mini-spark{width:105px}}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title{grid-area:1/2!important;place-self:center stretch!important;min-width:0!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title strong{margin:0!important;line-height:1.15!important;display:block!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title small{margin-top:3px!important;line-height:1.1!important;display:block!important}.pd-device-tabs>button.pd-noc-device-card>.pd-device-ip{grid-area:2/2!important;place-self:center start!important;margin:0!important;line-height:1!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-latency{color:#54eca8!important;white-space:nowrap!important;grid-area:3/1!important;place-self:end start!important;margin:0!important;font-size:16px!important;line-height:1!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-loss{color:#8ca3bf!important;white-space:nowrap!important;grid-area:3/2!important;place-self:end start!important;margin:0!important;font-size:10px!important;line-height:1!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-loss.loss{color:#fda4af!important}.pd-device-tabs>button.pd-noc-device-card>.pd-mini-spark{grid-area:2/3/4!important;place-self:end stretch!important;width:92px!important;height:31px!important;margin:0!important}@media (width<=650px){.pd-device-tabs>button.pd-noc-device-card{grid-template-columns:38px minmax(0,1fr) 100px!important}.pd-device-tabs>button.pd-noc-device-card>.pd-mini-spark{width:100px!important}}.pd-noc-breadcrumb{justify-content:space-between;align-items:center;gap:12px;display:flex}.pd-noc-breadcrumb-path{align-items:center;gap:7px;display:inline-flex}.pd-noc-breadcrumb-path i{color:#4d6686;font-style:normal}.pd-connection-config-btn{color:#a9cfff;cursor:pointer;background:#102844;border:1px solid #28598b;border-radius:7px;padding:8px 12px;font-size:12px}.pd-connection-config-btn:hover{background:#17385d;border-color:#3d7eba}.pd-connection-editor{background:linear-gradient(145deg,#0a1728,#0b1d31);border:1px solid #25527e;border-radius:10px;margin-bottom:12px;overflow:hidden}.pd-connection-editor-head{border-bottom:1px solid #183a5c;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pd-connection-editor-head strong{color:#e5f0ff;font-size:14px;display:block}.pd-connection-editor-head span{color:#7f97b5;margin-top:4px;font-size:11px;display:block}.pd-connection-close{color:#9ab1cc;cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:24px}.pd-connection-table{padding:12px 14px 4px}.pd-connection-row{background:#0a1625;border:1px solid #173654;border-radius:8px;grid-template-columns:1.1fr 1.5fr .8fr .8fr auto;align-items:end;gap:10px;margin-bottom:8px;padding:10px;display:grid}.pd-connection-row label{color:#8099b8;flex-direction:column;gap:5px;font-size:10px;display:flex}.pd-connection-row input,.pd-connection-row select{color:#dce9f8;background:#0c1d30;border:1px solid #294b6d;border-radius:6px;width:100%;min-width:0;height:36px;padding:0 9px;font-size:12px}.pd-connection-row input:focus,.pd-connection-row select:focus{border-color:#448bd0;outline:none;box-shadow:0 0 0 2px #448bd01f}.pd-connection-remove{color:#f5a3b2;cursor:pointer;background:#341c28;border:1px solid #713747;border-radius:6px;height:36px;padding:0 12px}.pd-connection-actions{justify-content:flex-end;gap:9px;padding:10px 14px 14px;display:flex}.pd-connection-actions>button{color:#c7d8eb;cursor:pointer;background:#10243c;border:1px solid #294b6d;border-radius:7px;min-height:36px;padding:0 13px}.pd-connection-actions>button:disabled{opacity:.45;cursor:not-allowed}.pd-connection-actions>.op-primary{color:#fff;background:#2468d9;border-color:#347cf0}.pd-connection-empty{text-align:center;color:#7890ad;padding:20px;font-size:12px}@media (width<=1050px){.pd-connection-row{grid-template-columns:1fr 1fr}.pd-connection-remove{grid-column:1/-1}}@media (width<=650px){.pd-noc-breadcrumb{flex-direction:column;align-items:stretch}.pd-connection-config-btn{width:100%}.pd-connection-row{grid-template-columns:1fr}.pd-connection-remove{grid-column:auto}.pd-connection-actions{flex-direction:column}.pd-connection-actions>button{width:100%}}.pd-device-tabs>button.pd-noc-device-card{grid-template-rows:minmax(30px,auto) 18px 32px!important;grid-template-columns:46px minmax(0,1fr) 108px!important;align-content:center!important;gap:5px 10px!important;min-height:112px!important;padding:12px 14px!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-icon{grid-area:1/1/3!important;place-self:center start!important;width:42px!important;height:42px!important;margin:0!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title{grid-area:1/2!important;align-self:center!important;min-width:0!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title strong{white-space:nowrap!important;text-overflow:ellipsis!important;grid-area:auto!important;margin:0!important;font-size:13px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-title small{color:#7890ad!important;white-space:nowrap!important;margin-top:3px!important;font-size:10px!important;line-height:1.1!important;display:block!important}.pd-device-tabs>button.pd-noc-device-card>.pd-badge{grid-area:1/3!important;place-self:start end!important;margin:0!important}.pd-device-tabs>button.pd-noc-device-card>.pd-device-ip{color:#7992b2!important;white-space:nowrap!important;grid-area:2/2!important;place-self:center start!important;margin:0!important;font-size:10px!important;line-height:1!important}.pd-device-tabs>button.pd-noc-device-card>.pd-noc-device-stats{white-space:nowrap!important;grid-area:3/1/auto/3!important;place-self:end stretch!important;align-items:flex-end!important;gap:14px!important;min-width:0!important;display:flex!important}.pd-noc-device-stats>.pd-noc-device-latency{color:#54eca8!important;letter-spacing:-.02em!important;white-space:nowrap!important;flex:none!important;grid-area:auto!important;margin:0!important;font-size:17px!important;font-weight:800!important;line-height:1!important;display:block!important}.pd-noc-device-stats>.pd-noc-device-loss{color:#91a7c1!important;white-space:nowrap!important;flex:none!important;margin:0 0 1px!important;font-size:10px!important;line-height:1!important;display:block!important}.pd-noc-device-stats>.pd-noc-device-loss.loss{color:#fda4af!important}.pd-device-tabs>button.pd-noc-device-card>.pd-mini-spark{grid-area:2/3/4!important;place-self:end!important;width:108px!important;height:35px!important;margin:0!important;overflow:visible!important}@media (width<=650px){.pd-device-tabs>button.pd-noc-device-card{grid-template-columns:46px minmax(0,1fr) 96px!important}.pd-device-tabs>button.pd-noc-device-card>.pd-mini-spark{width:96px!important}.pd-noc-device-stats>.pd-noc-device-latency{font-size:16px!important}}.po-shell{--po-panel:#08192b;--po-panel-2:#0b2036;--po-border:#183b60;--po-text:#edf6ff;--po-muted:#7f9bbd;--po-blue:#3194ff;--po-green:#39e49d;--po-red:#ff607b;--po-amber:#ffbd4a;color:var(--po-text);flex-direction:column;gap:12px;display:flex}.po-shell button,.po-shell input{font:inherit}.po-topbar{justify-content:space-between;align-items:center;gap:18px;min-height:44px;display:flex}.po-search{background:#071625;border:1px solid #193a5b;border-radius:8px;align-items:center;gap:10px;width:min(460px,52vw);height:40px;padding:0 12px;display:flex}.po-search>span{color:#8aabd0;font-size:22px}.po-search input{color:#d9e9fb;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.po-search input::placeholder{color:#6683a5}.po-search kbd{color:#8fa9c8;background:#0d2239;border:1px solid #27496d;border-radius:5px;padding:2px 7px;font-size:10px}.po-top-actions{align-items:center;gap:14px;display:flex}.po-top-actions>span{color:#8aa4c3;font-size:11px}.po-top-actions button,.po-sites-heading button{color:#fff;background:linear-gradient(135deg,#1667df,#247ef2);border:1px solid #347ee0;border-radius:8px;padding:9px 15px;box-shadow:0 8px 22px #1667df33}.po-welcome{background:radial-gradient(circle at 72% 20%,#3194ff3b,#0000 28%),linear-gradient(110deg,#081929 0%,#0b2036 52%,#091725 100%);border:1px solid #17395b;border-radius:10px;justify-content:space-between;align-items:center;gap:30px;min-height:118px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.po-welcome:before{content:"";border:1px solid #3e98ff2e;border-radius:50%;width:360px;height:240px;position:absolute;top:-90px;right:4%;transform:rotate(-12deg);box-shadow:0 0 0 42px #2c84e506,0 0 0 84px #2c84e505}.po-welcome>div{z-index:1;position:relative}.po-welcome>div:first-child>span{letter-spacing:.16em;color:#7fbaff;font-size:10px;font-weight:700}.po-welcome h1{letter-spacing:-.035em;margin:7px 0 3px;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.po-welcome p{color:#95acc7;margin:0;font-size:12px}.po-welcome-quote{text-align:right;color:#b5c7da;max-width:300px;font-size:12px;font-style:italic;line-height:1.55}.po-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.po-kpi-card{border:1px solid var(--po-border);background:linear-gradient(145deg,#091a2c,#0a1d31);border-radius:9px;grid-template-columns:48px minmax(0,1fr) 55px;align-items:center;gap:10px;min-width:0;min-height:96px;padding:13px;display:grid}.po-kpi-icon{color:#6eb6ff;background:#3194ff1f;border:1px solid #3194ff38;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.po-kpi-card.green .po-kpi-icon{color:#4fe1a3;background:#39e49d1a;border-color:#39e49d38}.po-kpi-card.red .po-kpi-icon{color:#ff7a91;background:#ff607b1a;border-color:#ff607b38}.po-kpi-card.amber .po-kpi-icon{color:#ffc55f;background:#ffbd4a1a;border-color:#ffbd4a38}.po-kpi-copy{min-width:0}.po-kpi-copy>span{color:#a8bad0;font-size:11px;display:block}.po-kpi-copy strong{margin-top:5px;font-size:23px;line-height:1;display:block}.po-kpi-copy small{color:#6f89a8;margin-top:7px;font-size:9px;display:block}.po-mini-bars{justify-content:flex-end;align-items:flex-end;gap:3px;height:42px;display:flex}.po-mini-bars i{opacity:.86;background:linear-gradient(#3ca1ff,#185fb6);border-radius:2px 2px 0 0;width:4px;min-height:4px}.po-mini-bars.green i{background:linear-gradient(#3ee7a3,#15915f)}.po-mini-bars.red i{background:linear-gradient(#ff6d86,#b52c49)}.po-mini-bars.amber i{background:linear-gradient(#ffc85c,#b77c17)}.po-ring{--ring-color:var(--po-green);--ring-value:0deg;background:radial-gradient(circle,#091929 59%,transparent 61%), conic-gradient(var(--ring-color) var(--ring-value),#17314b 0);box-shadow:0 0 18px color-mix(in srgb,var(--ring-color) 20%,transparent);border-radius:50%;flex:none;align-content:center;place-items:center;display:grid}.po-ring.green{--ring-color:var(--po-green)}.po-ring.blue{--ring-color:var(--po-blue)}.po-ring.red{--ring-color:var(--po-red)}.po-ring.amber{--ring-color:var(--po-amber)}.po-ring.lg{width:132px;height:132px}.po-ring.sm{width:48px;height:48px}.po-ring.xs{width:54px;height:54px}.po-ring strong{font-variant-numeric:tabular-nums}.po-ring.lg strong{font-size:25px}.po-ring.lg span{letter-spacing:.08em;color:var(--ring-color);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.po-ring.sm strong{font-size:10px}.po-ring.sm span{display:none}.po-ring.xs strong{font-size:10px}.po-ring.xs span{display:none}.po-main-grid{grid-template-columns:1fr 1.65fr 1.05fr;gap:10px;display:grid}.po-panel{border:1px solid var(--po-border);background:linear-gradient(145deg,#081827,#091c2f);border-radius:9px;min-width:0;overflow:hidden}.po-panel-title{border-bottom:1px solid #153451;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:11px 14px;display:flex}.po-panel-title strong{font-size:12px}.po-panel-title span{color:#7290b3;font-size:9px}.po-panel-title button{color:#6fb3ff;background:0 0;border:0;padding:0;font-size:9px}.po-health-body{grid-template-columns:150px 1fr;align-items:center;gap:9px;min-height:215px;padding:14px;display:grid}.po-health-list{gap:8px;display:grid}.po-health-list>div{color:#a5b8ce;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:9px;display:grid}.po-health-list i{border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;font-weight:900;display:grid}.po-health-list i.ok{color:#6df0b2;background:#176642}.po-health-list i.warn{color:#ffd06c;background:#664817}.po-health-list b{color:#7894b4;font-size:8px;font-weight:600}.po-traffic-panel{min-height:258px}.po-traffic-kpis{grid-template-columns:1fr 1fr;gap:12px;padding:15px 16px 8px;display:grid}.po-traffic-kpis span{color:#7893b3;font-size:9px;display:block}.po-traffic-kpis strong{margin-top:3px;font-size:20px;display:block}.po-traffic-kpis>div:first-child strong{color:#4be5a3}.po-traffic-kpis>div:last-child strong{color:#62aaff}.po-traffic-chart{border-top:1px solid #12314e;border-bottom:1px solid #12314e;height:125px;margin:2px 14px 0;position:relative;overflow:hidden}.po-traffic-chart .po-mini-bars{opacity:.65;align-items:flex-end;gap:5px;height:105px;padding:18px 5px 0}.po-traffic-chart .po-mini-bars i{flex:1;max-width:13px}.po-traffic-line{background:linear-gradient(90deg,#0000,#42e79f,#2f95ff,#0000);height:1px;position:absolute;top:57%;left:0;right:0;box-shadow:0 0 12px #42e79f59}.po-traffic-panel>small{color:#607e9f;padding:8px 14px 11px;font-size:8px;display:block}.po-isp-list{padding:7px 12px 10px}.po-isp-row{border-bottom:1px solid #12304c;grid-template-columns:36px minmax(0,1fr) minmax(75px,1fr) 76px;align-items:center;gap:8px;padding:9px 0;display:grid}.po-isp-row:last-child{border-bottom:0}.po-isp-logo{color:#55a7ff;background:#0d3158;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.po-isp-copy strong,.po-isp-copy small{display:block}.po-isp-copy strong{font-size:10px}.po-isp-copy small{color:#7591b1;margin-top:2px;font-size:8px}.po-isp-meter{background:#17324f;border-radius:999px;height:6px;overflow:hidden}.po-isp-meter i{border-radius:inherit;background:linear-gradient(90deg,#3fe4a1,#63e6cf);height:100%;display:block}.po-isp-values{text-align:right}.po-isp-values strong,.po-isp-values small{display:block}.po-isp-values strong{font-size:9px}.po-isp-values small{color:#7690ae;white-space:nowrap;margin-top:3px;font-size:7px}.po-empty-compact{text-align:center;color:#6d88a7;padding:20px 8px;font-size:9px}.po-map-panel{grid-column:1}.po-bali-map{background:radial-gradient(circle,#1b67ac2e,#0000 45%),linear-gradient(145deg,#071626,#0a2035);height:210px;position:relative;overflow:hidden}.po-island-shape{background:linear-gradient(150deg,#1f676b8c,#164c4f66);border:1px solid #4cb9b838;border-radius:46% 54% 60% 40%/47% 44% 56% 53%;height:47%;position:absolute;top:27%;left:12%;right:12%;transform:rotate(-7deg);box-shadow:inset 0 0 45px #00000040,0 0 22px #2685a014}.po-map-dot{color:#cfdeed;z-index:2;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:7px;display:flex;position:absolute;transform:translate(-50%,-50%)}.po-map-dot i{background:#1ed584;border:2px solid #a8ffdb;border-radius:50%;width:11px;height:11px;box-shadow:0 0 10px #1ed584b3}.po-map-dot.warn i{background:#f6ac2d;border-color:#ffe09b;box-shadow:0 0 10px #f6ac2d99}.po-map-dot.bad i{background:#f14f6b;border-color:#ffb0be;box-shadow:0 0 10px #f14f6b99}.po-map-dot span{background:#03111d99;border-radius:3px;padding:2px 4px}.po-map-legend{color:#93a9c0;background:#04121fb8;border-radius:5px;gap:10px;padding:5px 7px;font-size:7px;display:flex;position:absolute;bottom:8px;left:10px}.po-map-legend span{align-items:center;gap:4px;display:flex}.po-map-legend i{background:#1ed584;border-radius:50%;width:7px;height:7px}.po-map-legend i.warn{background:#f6ac2d}.po-map-legend i.offline{background:#f14f6b}.po-performance-panel{grid-column:2}.po-performance-kpis{grid-template-columns:repeat(3,1fr);padding:12px 14px 4px;display:grid}.po-performance-kpis>div{border-right:1px solid #153451;padding:0 12px}.po-performance-kpis>div:first-child{padding-left:0}.po-performance-kpis>div:last-child{border-right:0}.po-performance-kpis strong{font-size:16px;display:block}.po-performance-kpis span{color:#7690ae;margin-top:2px;font-size:8px;display:block}.po-performance-graph{height:115px;padding:5px 12px 10px}.po-performance-graph svg{width:100%;height:100%;overflow:visible}.po-performance-graph polyline{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.po-performance-graph .latency{stroke:#439aff}.po-performance-graph .loss{stroke:#ff607b}.po-alert-panel{grid-column:3}.po-alert-list{padding:5px 12px 9px}.po-alert-row{border-bottom:1px solid #12304c;grid-template-columns:24px 35px 70px minmax(0,1fr);align-items:center;gap:6px;min-height:33px;font-size:8px;display:grid}.po-alert-row:last-child{border-bottom:0}.po-alert-row>i{border-radius:50%;place-items:center;width:19px;height:19px;font-style:normal;font-weight:800;display:grid}.po-alert-row>i.critical{color:#ff93a6;background:#692437}.po-alert-row>i.warn{color:#ffd276;background:#644819}.po-alert-row>span{color:#7892b1}.po-alert-row>strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.po-alert-row>small{color:#7f9aba;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.po-sites-section{margin-top:2px;padding-top:2px}.po-sites-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 0 9px;display:flex}.po-sites-heading span{color:#5fa7f3;letter-spacing:.12em;font-size:8px;font-weight:800;display:block}.po-sites-heading h2{margin:3px 0 0;font-size:17px}.po-sites-heading button{padding:8px 13px;font-size:10px}.po-sites-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.po-site-card{text-align:left;color:#eaf4ff;background:linear-gradient(145deg,#091a2b,#0a1e32);border:1px solid #183b60;border-radius:8px;grid-template-columns:66px minmax(0,1fr) 54px 10px;align-items:center;gap:8px;min-width:0;min-height:78px;padding:8px;display:grid}.po-site-card:hover{background:#0d2740;border-color:#397cc1}.po-site-visual{background:linear-gradient(145deg,#123a62,#091b2d);border-radius:7px;height:58px;position:relative;overflow:hidden}.po-site-visual:before{content:"";opacity:.9;background:linear-gradient(120deg,#0000 0 12%,#183e61 13% 24%,#0000 25% 32%,#205078 33% 47%,#0000 48% 56%,#153956 57% 70%,#0000 71%);height:26px;position:absolute;bottom:8px;left:10px;right:10px}.po-site-visual>span{color:#81c0ff;font-size:8px;font-weight:700;position:absolute;top:5px;left:6px}.po-site-visual>i{background:#46e8a5;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #46e8a5}.po-site-visual.visual-1{background:linear-gradient(145deg,#2c3344,#0a2334)}.po-site-visual.visual-2{background:linear-gradient(145deg,#183d43,#0b2230)}.po-site-visual.visual-3{background:linear-gradient(145deg,#233653,#0b1f34)}.po-site-visual.visual-4{background:linear-gradient(145deg,#303348,#0a2134)}.po-site-copy{min-width:0}.po-site-copy>div{align-items:center;gap:5px;min-width:0;display:flex}.po-site-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.po-site-copy>div>span{color:#5de3ac;background:#123e31;border-radius:999px;flex:none;padding:2px 5px;font-size:6.5px}.po-site-copy>div>span.warn{color:#ffce6a;background:#533d17}.po-site-copy>div>span.offline{color:#ff8ca0;background:#512432}.po-site-copy p{color:#7791b0;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:7.5px;overflow:hidden}.po-site-copy small{color:#94abc4;margin-top:4px;font-size:7.5px;display:block}.po-site-arrow{color:#6aaeff;font-size:18px;font-weight:400}.po-empty-sites{text-align:center;color:#7791b0;padding:30px;font-size:11px}@media (width<=1400px){.po-kpi-grid,.po-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.po-main-grid{grid-template-columns:1fr 1.45fr}.po-isp-panel{grid-column:1/-1}.po-map-panel{grid-column:1}.po-performance-panel{grid-column:2}.po-alert-panel{grid-column:1/-1}}@media (width<=1000px){.po-main-grid{grid-template-columns:1fr}.po-map-panel,.po-performance-panel,.po-alert-panel{grid-column:1}.po-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-health-body{grid-template-columns:140px 1fr}}@media (width<=760px){.po-topbar{flex-direction:column;align-items:stretch}.po-search{width:100%}.po-top-actions{justify-content:space-between}.po-welcome{flex-direction:column;align-items:flex-start}.po-welcome-quote{text-align:left}.po-kpi-grid{grid-template-columns:1fr 1fr}.po-sites-grid{grid-template-columns:1fr}.po-site-card{grid-template-columns:66px minmax(0,1fr) 54px 10px}}@media (width<=480px){.po-kpi-grid,.po-health-body{grid-template-columns:1fr}.po-health-body>.po-ring{margin:auto}.po-performance-kpis{grid-template-columns:1fr;gap:8px}.po-performance-kpis>div{border-bottom:1px solid #153451;border-right:0;padding:6px 0}.po-sites-heading{flex-direction:column;align-items:stretch}.po-sites-heading button{width:100%}}.pd-app{--pd-bg:#050f1b;--pd-panel:#08192b;--pd-border:#173858;--pd-muted:#7f99b8;background:radial-gradient(circle at 70% 0,#185b9e14,#0000 30%),#050f1b;grid-template-columns:224px minmax(0,1fr)}.pd-sidebar{background:linear-gradient(#061626 0%,#061321 58%,#050f1b 100%);border-right:1px solid #173858;padding:18px 11px;box-shadow:12px 0 34px #00000021}.pd-brand{border-bottom:1px solid #28537c61;min-height:72px;margin-bottom:13px;padding:4px 8px 18px}.pd-brand-logo-official{object-fit:contain;max-width:170px!important;max-height:48px!important}.pd-nav{color:#9fb5ce;border-radius:7px;min-height:38px;margin-bottom:4px;padding:9px 10px;transition:background .15s,border-color .15s,color .15s,transform .15s;font-size:11px!important}.pd-nav:hover{color:#e5f1ff;background:#0d2946;transform:translate(1px)}.pd-nav.active{color:#edf7ff;background:linear-gradient(90deg,#0d4076,#0c3159);border-color:#1f5e98;box-shadow:inset 3px 0 #3c9cff,0 7px 18px #0d407629}.pd-nav small{color:#7893b2;font-size:9px}.pd-nav-label{letter-spacing:.12em;color:#587596;margin:19px 10px 7px;font-size:9px;font-weight:800}.pd-side-bottom{padding-top:20px}.pd-user{border-top:1px solid #173858;padding:13px 9px 0}.pd-user strong{font-size:10px}.pd-user small{color:#6884a4;font-size:9px}.pd-user button{color:#829dbb;font-size:10px}@media (width<=1150px){.pd-app{grid-template-columns:205px minmax(0,1fr)}}@media (width<=760px){.pd-app{grid-template-columns:minmax(0,1fr)}.pd-sidebar{box-shadow:none}}.dm-premium{--dm-panel:#08192b;--dm-border:#173b60;--dm-muted:#7f9bbd;--dm-blue:#389cff;--dm-green:#39e49d;--dm-red:#ff607b;--dm-purple:#a56cff;flex-direction:column;gap:12px;display:flex}.dm-hero{background:radial-gradient(circle at 72% 10%,#389cff38,#0000 27%),linear-gradient(115deg,#071827,#0a2035 62%,#081725);border:1px solid #194268;border-radius:11px;justify-content:space-between;align-items:center;gap:28px;min-height:138px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.dm-hero:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:420px;height:420px;position:absolute;top:-170px;right:-100px;box-shadow:0 0 0 55px #49a4ff06,0 0 0 110px #49a4ff04}.dm-hero>div{z-index:1;position:relative}.dm-hero-copy>span{letter-spacing:.16em;color:#61afff;font-size:10px;font-weight:800;display:block}.dm-hero h1{letter-spacing:-.035em;color:#f5f9ff;margin:6px 0 5px;font-size:clamp(27px,2.5vw,36px);line-height:1.05}.dm-hero p{color:#8fa7c2;margin:0;font-size:12px}.dm-hero-status{text-align:right;background:#061727b8;border:1px solid #28577f;border-radius:9px;min-width:170px;padding:13px 16px}.dm-hero-status strong{color:#5fb0ff;font-size:28px;line-height:1;display:block}.dm-hero-status span{color:#c4d7ea;margin-top:4px;font-size:10px;display:block}.dm-hero-status small{color:#6886a7;margin-top:5px;font-size:8px;display:block}.dm-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.dm-kpis>div{background:linear-gradient(145deg,#081a2c,#0a2035);border:1px solid #173b60;border-radius:9px;min-height:92px;padding:13px 14px;position:relative;overflow:hidden}.dm-kpis>div:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-22px;right:-18px}.dm-kpis span,.dm-kpis small{display:block}.dm-kpis span{color:#7f99b8;font-size:9px}.dm-kpis strong{margin-top:7px;font-size:24px;line-height:1;display:block}.dm-kpis small{color:#6884a5;margin-top:8px;font-size:8px}.dm-kpis .blue strong{color:#62adff}.dm-kpis .green{border-color:#205b47}.dm-kpis .green strong{color:#50e0a3}.dm-kpis .red{border-color:#693045}.dm-kpis .red strong{color:#ff7f96}.dm-kpis .purple{border-color:#4e3d70}.dm-kpis .purple strong{color:#b48cff}.dm-add-wrap>.pd-panel,.dm-list-panel{box-shadow:0 15px 34px #00000014;background:linear-gradient(145deg,#081827,#091c2f)!important;border-color:#173b60!important;border-radius:11px!important;margin:0!important;overflow:hidden!important}.dm-add-wrap .pd-panel-head,.dm-list-panel>.pd-panel-head{background:linear-gradient(90deg,#194b782e,#0000);border-bottom-color:#153654!important;padding:16px 18px!important}.dm-add-wrap .pd-panel-head h2,.dm-list-panel .pd-panel-head h2{color:#edf6ff;font-size:15px!important}.dm-add-wrap .pd-panel-head p,.dm-list-panel .pd-panel-head p{color:#7f99b8!important;font-size:10px!important}.dm-add-wrap .op-form{padding:16px 18px 18px!important}.dm-add-wrap .op-fields{gap:12px!important;margin-bottom:13px!important}.dm-add-wrap .op-form label{color:#8fa8c4!important;gap:5px!important;font-size:9px!important}.dm-add-wrap .op-form input,.dm-add-wrap .op-form select{color:#dceafa!important;background:#071827!important;border-color:#244c71!important;border-radius:6px!important;height:38px!important;padding:0 10px!important;font-size:10px!important}.dm-add-wrap .op-form input:focus,.dm-add-wrap .op-form select:focus{border-color:#4194e0!important;outline:none!important;box-shadow:0 0 0 2px #4194e01f!important}.dm-add-wrap .op-check{background:#091d31;border:1px solid #244c71;border-radius:7px;padding:7px 10px;margin:4px 0 5px!important;display:inline-flex!important}.dm-add-wrap .op-check input{accent-color:#287ff2;width:17px!important;height:17px!important}.dm-add-wrap .op-note{color:#708dab!important;margin:7px 0 12px!important;font-size:9px!important}.dm-add-wrap .op-primary{background:linear-gradient(135deg,#1667df,#287ff2)!important;border-color:#3b86ef!important;padding:9px 14px!important;font-size:10px!important}.dm-refresh{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:7px;padding:8px 13px;font-size:10px}.dm-refresh:hover{background:#17385d}.dm-category-tabs{background:#071624;flex-wrap:wrap;gap:7px;padding:12px 16px 0;display:flex}.dm-category-tabs button{color:#91a9c5;background:#0a1d31;border:1px solid #23486c;border-radius:7px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;display:flex}.dm-category-tabs button b{color:#b7d7f7;background:#173a5e;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid}.dm-category-tabs button.active{color:#e9f5ff;background:#123a68;border-color:#317ed0}.dm-category-tabs button.active b{color:#fff;background:#267de0}.dm-filters{background:#071624;border-bottom:1px solid #12314d;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(130px,.65fr));gap:9px;padding:11px 16px 13px;display:grid}.dm-filters label{color:#819cba;gap:5px;font-size:8px;display:grid}.dm-filters input,.dm-filters select{color:#dceafa;background:#091b2e;border:1px solid #244c71;border-radius:6px;width:100%;height:36px;padding:0 10px;font-size:9px}.dm-filters input:focus,.dm-filters select:focus{border-color:#4194e0;outline:none;box-shadow:0 0 0 2px #4194e01f}.dm-table-wrap table{min-width:1120px!important;font-size:9px!important}.dm-table-wrap thead{background:#071523!important}.dm-table-wrap th,.dm-table-wrap td{vertical-align:middle!important;border-bottom-color:#12304b!important;padding:10px 11px!important}.dm-table-wrap tbody tr:hover{background:#0d263f!important}.dm-status{border-radius:999px;align-items:center;gap:4px;min-width:70px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.dm-status.online{color:#60e5ad;background:#12382d}.dm-status.offline{color:#ff879c;background:#3c202c}.dm-status.unknown{color:#9dafc4;background:#263140}.dm-device-name{align-items:center;gap:8px;min-width:145px;display:flex}.dm-device-name>i{color:#69b4ff;background:#12365b;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;font-weight:900;display:grid}.dm-device-name>span{min-width:0}.dm-device-name strong,.dm-device-name small{display:block}.dm-device-name strong{color:#eaf4ff;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.dm-device-name small{color:#708cab;margin-top:2px;font-size:7px}.dm-type-badge,.dm-snmp,.dm-connection{color:#8dc5ff;white-space:nowrap;background:#0d2845;border:1px solid #254b70;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:7.5px;display:inline-flex}.dm-snmp{color:#9aadc3;background:#263140;border-color:#394a5d}.dm-snmp.active{color:#5de2aa;background:#11392d;border-color:#205e48}.dm-connection{color:#74baff;background:#102d4b;border-color:#24557f}.dm-good{font-weight:700;color:#53e4a9!important}.dm-warn{font-weight:700;color:#ffc75f!important}.dm-bad{font-weight:700;color:#ff7d94!important}.dm-actions{gap:5px;display:flex}.dm-actions button{cursor:pointer;border-radius:6px;padding:6px 8px;font-size:8px}.dm-actions .edit{color:#91c9ff;background:#12345a;border:1px solid #3477bb}.dm-actions .edit:hover{background:#194777}.dm-actions .delete{color:#ff91a4;background:#391f2a;border:1px solid #6d3043}.dm-actions .delete:hover{background:#4a2534}.dm-actions button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1200px){.dm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-filters{grid-template-columns:1fr 1fr}}@media (width<=760px){.dm-hero{flex-direction:column;align-items:flex-start}.dm-hero-status{text-align:left;width:100%}.dm-filters{grid-template-columns:1fr}.dm-kpis{grid-template-columns:1fr 1fr}}@media (width<=480px){.dm-kpis{grid-template-columns:1fr}}.dm-row-no{text-align:center;color:#6f8dac;font-variant-numeric:tabular-nums;width:48px}.dm-pagination{background:#071523;border-top:1px solid #153451;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.dm-pagination-meta{color:#7893b2;align-items:center;gap:14px;min-width:0;font-size:9px;display:flex}.dm-pagination-meta>span{white-space:nowrap}.dm-pagination-meta label{color:#6f8cab;align-items:center;gap:6px;font-size:8px;display:flex}.dm-pagination-meta select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:6px;height:30px;padding:0 8px;font-size:8px}.dm-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.dm-pagination-controls button{color:#9db9d6;cursor:pointer;background:#0b2137;border:1px solid #244c71;border-radius:6px;min-width:32px;height:31px;padding:0 8px;font-size:8px;transition:background .15s,border-color .15s,color .15s}.dm-pagination-controls button:hover:not(:disabled){color:#edf7ff;background:#14385c;border-color:#397fc0}.dm-pagination-controls button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2);border-color:#438eef;box-shadow:0 5px 15px #1b6fe438}.dm-pagination-controls button:disabled{opacity:.35;cursor:not-allowed}.dm-page-gap{color:#587491;padding:0 2px;font-size:10px}@media (width<=760px){.dm-pagination{flex-direction:column;align-items:stretch}.dm-pagination-meta{justify-content:space-between}.dm-pagination-controls{justify-content:center}}.act-log-page{flex-direction:column;gap:12px;max-width:none;margin:0;padding:0;display:flex}.act-log-header{background:radial-gradient(circle at 78% 5%,#389cff33,#0000 28%),linear-gradient(115deg,#071827,#0a2035);border:1px solid #194268;border-radius:11px;margin:0;padding:20px 24px;position:relative;overflow:hidden}.act-log-header:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:360px;height:360px;position:absolute;top:-150px;right:-90px;box-shadow:0 0 0 48px #49a4ff06,0 0 0 96px #49a4ff04}.act-log-header h1{z-index:1;letter-spacing:-.03em;color:#f5f9ff;margin:0 0 5px;font-size:30px;position:relative}.act-log-header p{z-index:1;color:#819dbd;margin:0;font-size:10px;position:relative}.act-log-search{background:#071624;border:1px solid #173b60;border-radius:9px;grid-template-columns:1.1fr 1.4fr .8fr .8fr auto;gap:8px;margin:0;padding:12px 14px;display:grid}.act-search-input,.act-filter-select,.act-date-input{border-radius:6px;width:100%;min-width:0;height:36px;padding:0 10px;font-size:9px;color:#dceafa!important;background:#091b2e!important;border:1px solid #244c71!important}.act-search-input:focus,.act-filter-select:focus,.act-date-input:focus{box-shadow:0 0 0 2px #4194e01f;border-color:#4194e0!important;outline:none!important}.act-clear-btn{color:#ff91a4;background:#391f2a;border:1px solid #6b3145;border-radius:6px;min-width:72px;height:36px;font-size:9px}.act-log-table-wrap{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #173b60;border-radius:10px;overflow:auto}.act-log-table{border-collapse:collapse;width:100%;min-width:1180px;font-size:9px}.act-log-table th{color:#8da7c4;background:#071523;border-bottom:1px solid #173653;padding:11px 10px;font-size:8px}.act-log-table td{color:#d8e6f6;vertical-align:middle;border-bottom:1px solid #12304b;padding:11px 10px}.act-log-table tbody tr:hover{background:#0d263f}.act-row-no{font-variant-numeric:tabular-nums;width:44px;text-align:center!important;color:#6886a6!important}.act-log-time{flex-direction:column;gap:2px;min-width:112px;display:flex}.act-time-rel{color:#dce9f8;font-weight:600}.act-time-full{color:#7892b1;font-size:8px}.act-username{color:#eaf4ff;font-size:9px;font-weight:700}.act-user-detail{color:#829ab7;font-size:8px}.act-role-badge,.act-action-badge,.act-status-badge{white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:8px}.act-resource{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 6px;min-width:145px;display:grid}.act-resource-type{color:#7590af;grid-column:1;font-size:7px;line-height:1}.act-resource-name{color:#e9f3ff;white-space:nowrap;text-overflow:ellipsis;grid-column:2;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.act-resource-id{color:#6e88a6;grid-column:2;margin:0;font-size:8px;display:block}.act-desc{color:#8fa6bf;white-space:normal;max-width:260px;font-size:8px;line-height:1.35}.act-ip{color:#73baff;background:#102d4b;border-radius:5px;padding:3px 6px;font-size:8px}.act-pagination{background:#071523;border:1px solid #173b60;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:11px 13px;display:flex}.act-pagination-meta{color:#7893b2;align-items:center;gap:14px;font-size:9px;display:flex}.act-pagination-meta label{color:#6f8cab;align-items:center;gap:6px;font-size:8px;display:flex}.act-pagination-meta select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:6px;height:30px;padding:0 8px;font-size:8px}.act-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.act-pagination .act-pagination-controls button{color:#9db9d6;background:#0b2137;border:1px solid #244c71;border-radius:6px;flex:none;min-width:32px;max-width:none;height:31px;padding:0 8px;font-size:8px}.act-pagination .act-pagination-controls button:hover:not(:disabled){color:#edf7ff;background:#14385c;border-color:#397fc0}.act-pagination .act-pagination-controls button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2);border-color:#438eef;box-shadow:0 5px 15px #1b6fe438}.act-pagination .act-pagination-controls button:disabled{opacity:.35}.act-page-gap{color:#587491;padding:0 2px;font-size:10px}@media (width<=900px){.act-log-search{grid-template-columns:1fr 1fr}.act-log-search>*{min-width:0}}@media (width<=700px){.act-log-header{padding:17px}.act-log-header h1{font-size:24px}.act-log-search{grid-template-columns:1fr}.act-pagination{flex-direction:column;align-items:stretch}.act-pagination-meta{justify-content:space-between}.act-pagination-controls{justify-content:center}}.agenda-premium{--ag-blue:#389cff;--ag-green:#39e49d;--ag-amber:#ffbd4a;--ag-red:#ff607b;flex-direction:column;gap:12px;display:flex}.agenda-hero-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 12%,#389cff38,#0000 27%),linear-gradient(115deg,#071827,#0a2035 62%,#081725)!important;border-color:#194268!important;margin:0!important}.agenda-hero-panel:after{content:"";pointer-events:none;border:1px solid #49a4ff1f;border-radius:50%;width:410px;height:410px;position:absolute;top:-165px;right:-95px;box-shadow:0 0 0 54px #49a4ff06,0 0 0 108px #49a4ff04}.agenda-hero-panel .pd-panel-head{z-index:1;min-height:132px;position:relative;background:0 0!important;border-bottom:0!important;padding:22px 26px!important}.agenda-hero-panel h2{letter-spacing:-.03em;color:#f5f9ff;font-size:30px!important}.agenda-hero-panel p{max-width:720px;color:#8fa7c2!important;font-size:11px!important}.agenda-hero-panel .op-primary{box-shadow:0 8px 22px #1667df2e;background:linear-gradient(135deg,#1667df,#287ff2)!important;border-color:#3b86ef!important}.agenda-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.agenda-kpis>.pd-stat{min-height:92px;position:relative;overflow:hidden;background:linear-gradient(145deg,#081a2c,#0a2035)!important;border:1px solid #173b60!important;border-radius:9px!important;margin:0!important;padding:13px 14px!important}.agenda-kpis>.pd-stat:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-22px;right:-18px}.agenda-kpis>.pd-stat span{color:#7f99b8!important;font-size:9px!important}.agenda-kpis>.pd-stat strong{margin-top:7px!important;font-size:24px!important;line-height:1!important}.agenda-kpis>.pd-stat:first-child strong{color:#62adff}.agenda-kpis>.pd-stat:nth-child(2){border-color:#205b47!important}.agenda-kpis>.pd-stat:nth-child(2) strong{color:#50e0a3}.agenda-kpis>.pd-stat:nth-child(3){border-color:#244f77!important}.agenda-kpis>.pd-stat:nth-child(3) strong{color:#6db8ff}.agenda-kpis>.pd-stat:nth-child(4){border-color:#65501f!important}.agenda-kpis>.pd-stat:nth-child(4) strong{color:#ffc65f}.agenda-filters{border:1px solid #173b60;border-radius:9px;background:#071624!important;grid-template-columns:minmax(170px,.45fr) minmax(260px,1fr)!important;gap:9px!important;margin:0!important;padding:12px 14px!important;display:grid!important}.agenda-filters select,.agenda-filters input{width:100%;height:37px;color:#dceafa!important;background:#091b2e!important;border:1px solid #244c71!important;border-radius:6px!important;min-width:0!important;padding:0 10px!important;font-size:9px!important}.agenda-filters select:focus,.agenda-filters input:focus{outline:none;box-shadow:0 0 0 2px #4194e01f;border-color:#4194e0!important}.agenda-table-wrap{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #173b60;border-radius:10px;overflow:auto}.agenda-table-wrap table{min-width:1120px;font-size:9px!important}.agenda-table-wrap thead{background:#071523!important}.agenda-table-wrap th,.agenda-table-wrap td{vertical-align:middle!important;border-bottom-color:#12304b!important;padding:10px 11px!important}.agenda-table-wrap tbody tr:hover{background:#0d263f!important}.agenda-table-wrap td:first-child{text-align:center;color:#6f8dac;width:44px}.agenda-table-wrap .pd-badge{font-weight:800;font-size:7px!important}.agenda-table-wrap button{color:#a9cfff!important;background:#102844!important;border:1px solid #28557e!important;border-radius:6px!important;padding:6px 8px!important;font-size:7.5px!important;text-decoration:none!important}.agenda-table-wrap button.op-primary{color:#8ec8ff!important;background:#123c68!important;border-color:#3477bb!important}.agenda-table-wrap button:hover{background:#17385d!important}.agenda-pagination{background:#071523;border:1px solid #173b60;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.agenda-pagination-meta{color:#7893b2;align-items:center;gap:14px;font-size:9px;display:flex}.agenda-pagination-meta label{color:#6f8cab;align-items:center;gap:6px;font-size:8px;display:flex}.agenda-pagination-meta select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:6px;height:30px;padding:0 8px;font-size:8px}.agenda-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.agenda-pagination-controls button{color:#9db9d6;background:#0b2137;border:1px solid #244c71;border-radius:6px;min-width:32px;height:31px;padding:0 8px;font-size:8px}.agenda-pagination-controls button:hover:not(:disabled){color:#edf7ff;background:#14385c;border-color:#397fc0}.agenda-pagination-controls button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2);border-color:#438eef}.agenda-pagination-controls button:disabled{opacity:.35;cursor:not-allowed}.agenda-page-gap{color:#587491;font-size:10px}.agenda-premium .sl-modal{background:linear-gradient(145deg,#081827,#091c2f)!important;border:1px solid #1d4770!important;box-shadow:0 30px 70px #0000006b!important}.agenda-premium .sl-modal-header{background:linear-gradient(90deg,#1c538338,#0000);border-bottom-color:#173b60!important}.agenda-premium .sl-modal input,.agenda-premium .sl-modal select,.agenda-premium .sl-modal textarea{color:#dceafa!important;background:#071827!important;border-color:#244c71!important}@media (width<=850px){.agenda-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-filters{grid-template-columns:1fr!important}}@media (width<=700px){.agenda-hero-panel .pd-panel-head{flex-direction:column;align-items:flex-start}.agenda-pagination{flex-direction:column;align-items:stretch}.agenda-pagination-meta{justify-content:space-between}.agenda-pagination-controls{justify-content:center}}@media (width<=480px){.agenda-kpis{grid-template-columns:1fr}}.act-report-page{flex-direction:column;gap:12px;max-width:none;margin:0;padding:0;display:flex}.act-report-hero{background:radial-gradient(circle at 78% 10%,#389cff38,#0000 27%),linear-gradient(115deg,#071827,#0a2035 62%,#081725);border:1px solid #194268;border-radius:11px;min-height:138px;position:relative;overflow:hidden;margin:0!important;padding:22px 26px!important}.act-report-hero:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:410px;height:410px;position:absolute;top:-165px;right:-95px;box-shadow:0 0 0 54px #49a4ff06,0 0 0 108px #49a4ff04}.act-report-hero>*{z-index:1;position:relative}.act-report-eyebrow{letter-spacing:.16em;color:#61afff;font-size:10px;font-weight:800;display:block}.act-report-hero h1{letter-spacing:-.03em;color:#f5f9ff;margin:6px 0 5px!important;font-size:30px!important}.act-report-hero p{max-width:760px;color:#8fa7c2!important;font-size:11px!important}.act-report-hero-total{z-index:2;text-align:right;background:#061727b8;border:1px solid #28577f;border-radius:9px;min-width:160px;padding:12px 15px;top:29px;right:24px;position:absolute!important}.act-report-hero-total strong{color:#5fb0ff;font-size:28px;line-height:1;display:block}.act-report-hero-total span{color:#c4d7ea;margin-top:4px;font-size:9px;display:block}.act-report-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.act-report-kpis>div{background:linear-gradient(145deg,#081a2c,#0a2035);border:1px solid #173b60;border-radius:9px;min-height:90px;padding:13px 14px;position:relative;overflow:hidden}.act-report-kpis>div:after{content:"";border:9px solid #ffffff06;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-22px;right:-18px}.act-report-kpis span,.act-report-kpis small{display:block}.act-report-kpis span{color:#7f99b8;font-size:9px}.act-report-kpis strong{margin-top:7px;font-size:23px;line-height:1;display:block}.act-report-kpis small{color:#6884a5;margin-top:8px;font-size:8px}.act-report-kpis .blue strong{color:#62adff}.act-report-kpis .green{border-color:#205b47}.act-report-kpis .green strong{color:#50e0a3}.act-report-kpis .amber{border-color:#65501f}.act-report-kpis .amber strong{color:#ffc65f}.act-report-kpis .purple{border-color:#4e3d70}.act-report-kpis .purple strong{color:#b48cff}.act-report-kpis .cyan{border-color:#205b68}.act-report-kpis .cyan strong{color:#5bd9eb}.act-report-filters{background:#071624;border:1px solid #173b60;border-radius:9px;padding:12px 14px;margin:0!important}.act-report-search-row{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(125px,.7fr)) repeat(2,minmax(135px,.7fr)) auto;gap:8px!important;display:grid!important}.act-report-search,.act-report-filter,.act-report-date{width:100%;height:36px;color:#dceafa!important;background:#091b2e!important;border:1px solid #244c71!important;border-radius:6px!important;min-width:0!important;padding:0 10px!important;font-size:8.5px!important}.act-report-btn-clear{height:36px;color:#ff91a4!important;background:#391f2a!important;border-color:#6b3145!important;padding:0 11px!important;font-size:8px!important}.act-report-table-wrap{overflow:auto;background:linear-gradient(145deg,#081827,#091c2f)!important;border-color:#173b60!important;border-radius:10px!important;margin:0!important}.act-report-table{min-width:1320px!important;font-size:8.5px!important}.act-report-table th{background:#071523!important;border-bottom-color:#173653!important;padding:10px 9px!important;font-size:7.5px!important}.act-report-table td{vertical-align:middle!important;border-bottom-color:#12304b!important;padding:10px 9px!important}.act-report-table tbody tr:hover{background:#0d263f!important}.act-report-number{font-size:8px!important}.act-report-category-badge,.act-report-status-badge,.act-report-personel-badge,.personel-name{font-size:7px!important}.act-report-desc{font-size:8px!important}.act-report-actions{flex-wrap:nowrap!important}.act-report-btn-action{color:#a9cfff!important;background:#102844!important;border:1px solid #28557e!important;border-radius:5px!important;padding:5px 7px!important;font-size:7px!important}.act-report-pagination{border-radius:9px;align-items:center;background:#071523!important;border:1px solid #173b60!important;justify-content:space-between!important;gap:14px!important;margin:0!important;padding:11px 13px!important;display:flex!important}.act-report-pagination-meta{color:#7893b2;align-items:center;gap:14px;font-size:9px;display:flex}.act-report-pagination-meta label{color:#6f8cab;align-items:center;gap:6px;font-size:8px;display:flex}.act-report-pagination-meta select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:6px;height:30px;padding:0 8px;font-size:8px}.act-report-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.act-report-pagination-controls button{min-width:32px;height:31px;color:#9db9d6!important;background:#0b2137!important;border:1px solid #244c71!important;border-radius:6px!important;flex:none!important;max-width:none!important;padding:0 8px!important;font-size:8px!important}.act-report-pagination-controls button:hover:not(:disabled){color:#edf7ff!important;background:#14385c!important;border-color:#397fc0!important}.act-report-pagination-controls button.active{color:#fff!important;background:linear-gradient(135deg,#1769df,#287ff2)!important;border-color:#438eef!important}.act-report-pagination-controls button:disabled{opacity:.35}.act-report-page-gap{color:#587491;font-size:10px}.act-report-modal{box-shadow:0 30px 70px #0000006b;background:linear-gradient(145deg,#081827,#091c2f)!important;border-color:#1d4770!important}.act-report-modal-header{background:linear-gradient(90deg,#1c538338,#0000);border-bottom-color:#173b60!important}.act-report-field input,.act-report-field select,.act-report-field textarea{background:#071827!important;border-color:#244c71!important}@media (width<=1200px){.act-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.act-report-search-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=780px){.act-report-hero{padding-bottom:100px!important}.act-report-hero-total{text-align:left;inset:auto 24px 18px}.act-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.act-report-search-row{grid-template-columns:1fr!important}.act-report-pagination{flex-direction:column;align-items:stretch}.act-report-pagination-meta{justify-content:space-between}.act-report-pagination-controls{justify-content:center}}@media (width<=480px){.act-report-kpis{grid-template-columns:1fr}}.pd-app,.pd-login{--pd-bg:#07111f;--pd-panel:#0e2038;--pd-panel-2:#102640;--pd-sidebar-bg:#09182b;--pd-border:#1c3a60;--pd-border-bright:#245a94;--pd-muted:#93a8c4;--pd-text:#f5f9ff;--pd-blue:#2f6bff;--pd-blue-hover:#3d7cff;color:var(--pd-text)!important;background:#07111f!important}.pd-app{background:radial-gradient(circle at 85% 0,#1e56a01f,#0000 34%),linear-gradient(#07111f 0%,#081524 100%)!important}.pd-sidebar{box-shadow:12px 0 35px #00000026;background:linear-gradient(#091a30 0%,#081627 55%,#071321 100%)!important;border-right:1px solid #183653!important}.pd-brand{border-bottom:1px solid #4f80b833;margin-bottom:8px;align-items:center!important;gap:12px!important;padding:12px 10px 28px!important;display:flex!important}.pd-brand-mark{object-fit:contain;filter:brightness(1.35)saturate(1.2)drop-shadow(0 6px 12px #146eff33);flex:none;width:54px;height:62px;display:block}.pd-brand-copy{flex-direction:column;min-width:0;display:flex}.pd-brand-copy strong{letter-spacing:.035em;font-size:21px;font-weight:800;line-height:1.05;color:#f8fbff!important}.pd-brand-copy span{letter-spacing:.12em;margin-top:5px;font-size:11px;font-weight:700;line-height:1;color:#4fa4ff!important}.pd-nav{transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;color:#b9c9dc!important;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important}.pd-nav:hover{transform:translate(2px);color:#fff!important;background:#1e497e4d!important}.pd-nav.active{box-shadow:inset 0 0 0 1px #5296ff14,0 8px 20px #0f53be21;color:#fff!important;background:linear-gradient(135deg,#225bad9e,#193b6eb8)!important;border-color:#2f6bff!important}.pd-nav-label{color:#7595bc!important;letter-spacing:.12em!important;font-weight:600!important}.pd-main{background:radial-gradient(circle at 90% 2%,#1f69d214,#0000 28%)!important}.pd-eyebrow{color:#5fa8ff!important;letter-spacing:.11em!important;font-weight:700!important}.pd-header h1{letter-spacing:-.025em;font-weight:800;color:#f7faff!important;font-size:clamp(32px,3.2vw,44px)!important}.pd-header p{color:#97abc4!important}.op-primary,.pd-refresh button{transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 6px 16px #185edc2e;color:#fff!important;background:linear-gradient(#3478ff 0%,#2162e9 100%)!important;border:1px solid #4385ff!important;border-radius:9px!important}.op-primary:hover,.pd-refresh button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #185edc42;background:linear-gradient(#4284ff,#286bf2)!important}.pd-sites{gap:18px!important}.pd-site-card{transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 8px 26px #0000001f;color:#f3f7fc!important;background:linear-gradient(145deg,#0e213a 0%,#0b1b30 100%)!important;border:1px solid #1f4774!important;border-top:2px solid #2d7bff!important;border-radius:14px!important}.pd-site-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0003,0 0 0 1px #327dff14;border-color:#3783ff!important}.pd-site-card h2{letter-spacing:-.01em;color:#f7faff!important;font-weight:800!important}.pd-site-card p{color:#a7bad1!important}.pd-site-top{color:#9bb5d5!important}.pd-site-footer{border-top:1px solid #537eac4d!important}.pd-site-footer strong{color:#4ea4ff!important}.pd-panel,.pd-stat{box-shadow:0 8px 24px #0000001a;background:linear-gradient(145deg,#0e2038,#0b1b2f)!important;border-color:#1d3e64!important}.pd-panel h2,.pd-stat strong{color:#f5f9ff!important}.pd-muted,.pd-panel p,.pd-stat span,.pd-stat small{color:#93a7c2!important}.op-count{color:#fff!important;background:#a51f35!important;border:1px solid #c52b43!important}.pd-app table{border-color:#1b3859!important}.pd-app th{color:#c0d0e3!important}.pd-app td{color:#aebed1!important}.pd-app input,.pd-app select,.pd-app textarea{color:#eff6ff;background:#09182a;border-color:#294765}@media (width<=1100px){.pd-brand-copy strong{font-size:18px}.pd-brand-mark{width:46px;height:54px}}@media (width<=700px){.pd-brand-copy{display:none}.pd-brand{justify-content:center}.pd-brand-mark{width:44px;height:50px}}.pd-sidebar .pd-brand{background:0 0!important;justify-content:flex-start!important;align-items:center!important;margin-bottom:8px!important;padding:8px 8px 24px!important;display:flex!important}.pd-brand-logo-clean{object-fit:contain!important;filter:drop-shadow(0 5px 12px #206fff29)!important;background:0 0!important;border:0!important;border-radius:0!important;width:215px!important;max-width:100%!important;height:auto!important;display:block!important}@media (width<=1100px){.pd-brand-logo-clean{width:190px!important}}.pd-sidebar .pd-brand{min-height:92px;background:0 0!important;border-bottom:1px solid #5c89bc38!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:13px!important;margin:0 0 10px!important;padding:10px 10px 26px!important;display:flex!important}.pd-sidebar .pd-brand-mark{object-fit:contain!important;width:58px!important;height:68px!important;box-shadow:none!important;filter:drop-shadow(0 5px 10px #247aff33)!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 0 58px!important;display:block!important}.pd-sidebar .pd-brand-copy{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;display:flex!important}.pd-sidebar .pd-brand-copy strong{white-space:nowrap;color:#f8fbff!important;letter-spacing:.055em!important;margin:0!important;padding:0!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1.05!important}.pd-sidebar .pd-brand-copy span{white-space:nowrap;color:#459aff!important;letter-spacing:.14em!important;margin-top:6px!important;font-size:11px!important;font-weight:800!important;line-height:1!important}.pd-brand-logo-clean{display:none!important}.pd-sidebar .pd-brand-final{background:0 0!important;border-bottom:1px solid #5182b740!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:105px!important;margin:0 0 12px!important;padding:12px 12px 25px!important;display:flex!important}.pd-sidebar .pd-brand-mark-final{object-fit:contain!important;opacity:1!important;filter:brightness(1.18)saturate(1.15)drop-shadow(0 5px 11px #2977ff38)!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 0 61px!important;width:61px!important;height:70px!important;display:block!important}.pd-sidebar .pd-brand-copy-final{visibility:visible!important;opacity:1!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;display:flex!important}.pd-sidebar .pd-brand-copy-final strong{white-space:nowrap;color:#f7fbff!important;letter-spacing:.055em!important;margin:0!important;font-size:22px!important;font-weight:800!important;line-height:1!important;display:block!important}.pd-sidebar .pd-brand-copy-final span{white-space:nowrap;color:#479cff!important;letter-spacing:.14em!important;margin-top:7px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:block!important}.pd-sidebar .pd-brand-official{background:0 0!important;border-bottom:1px solid #5182b73d!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;margin:0 0 10px!important;padding:10px 8px 26px!important;display:flex!important}.pd-sidebar .pd-brand-logo-official{object-fit:contain!important;opacity:1!important;filter:brightness(1.18)drop-shadow(0 5px 12px #1868e629)!important;background:0 0!important;border:0!important;border-radius:0!important;width:235px!important;max-width:100%!important;height:auto!important;display:block!important}.pd-login .pd-login-logo-official{object-fit:contain!important;width:276px!important;max-width:100%!important;height:auto!important;box-shadow:none!important;filter:brightness(1.04)drop-shadow(0 6px 14px #1868e624)!important;background:0 0!important;border:0!important;border-radius:0!important;display:block!important}@media (width<=700px){.pd-login .pd-login-logo-official{width:220px!important}}.pd-brand-logo-official,.pd-login-logo-official{object-fit:contain!important;filter:none!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;height:auto!important;display:block!important}.pd-brand-logo-official{width:235px!important;max-width:100%!important}.pd-login-logo-official{width:300px!important;max-width:100%!important}.aj-brand{color:#f8fbff;align-items:center;display:flex}.aj-brand-mark{flex:none;display:block;overflow:visible}.aj-brand-text{flex-direction:column;justify-content:center;display:flex}.aj-brand-text strong{white-space:nowrap;color:#f8fbff!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:850!important;line-height:1!important}.aj-brand-text span{white-space:nowrap;color:#3e9cff!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:800!important;line-height:1!important}.pd-sidebar .pd-brand{background:0 0!important;border-bottom:1px solid #5283b93d!important;margin:0 0 12px!important;padding:12px 8px 26px!important;display:block!important}.aj-brand-sidebar{gap:11px}.aj-brand-sidebar .aj-brand-mark{width:61px;height:67px}.aj-brand-sidebar .aj-brand-text strong{letter-spacing:.055em!important;font-size:22px!important}.aj-brand-sidebar .aj-brand-text span{margin-top:7px;letter-spacing:.14em!important;font-size:10px!important}.pd-login-brand-wrap{margin-bottom:30px}.aj-brand-login{gap:18px}.aj-brand-login .aj-brand-mark{width:78px;height:86px}.aj-brand-login .aj-brand-text strong{letter-spacing:.045em!important;font-size:32px!important}.aj-brand-login .aj-brand-text span{margin-top:10px;letter-spacing:.18em!important;font-size:14px!important}.pd-brand-logo-clean,.pd-brand-logo-official,.pd-brand-mark-final,.pd-login-logo-official{display:none!important}@media (width<=700px){.aj-brand-login .aj-brand-mark{width:64px;height:72px}.aj-brand-login .aj-brand-text strong{font-size:26px!important}.aj-brand-login .aj-brand-text span{font-size:11px!important}}.pd-login-text-brand{flex-direction:column;align-items:flex-start;margin-bottom:26px;display:flex}.pd-login-text-brand strong{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1;color:#f8fbff!important;letter-spacing:.075em!important;font-size:34px!important;font-weight:850!important}.pd-login-text-brand span{margin-top:10px;line-height:1;color:#3c9cff!important;letter-spacing:.22em!important;font-size:14px!important;font-weight:800!important}@media (width<=600px){.pd-login-text-brand strong{font-size:28px!important}.pd-login-text-brand span{font-size:11px!important}}.pd-login{overflow:hidden;background:linear-gradient(90deg,#020a180d 0%,#020a181a 45%,#020a1875 100%),url(/login-starlink.webp) 50%/cover no-repeat!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;min-height:100vh!important;padding:40px clamp(40px,8vw,150px)!important;display:flex!important;position:relative!important}.pd-login form{z-index:2;-webkit-backdrop-filter:blur(12px);position:relative;box-shadow:0 30px 80px #00000085,0 0 0 1px #458fff0d;background:#081c32e6!important;border:1px solid #4897ff4d!important;border-radius:20px!important;width:100%!important;max-width:460px!important;padding:36px!important}.pd-login-text-brand{margin-bottom:24px!important}.pd-login-text-brand strong{font-size:34px!important}.pd-login input{background:#0d243ff0!important;border:1px solid #6897d261!important}.pd-login input:focus{border-color:#4d9aff!important;box-shadow:0 0 0 3px #2f6bff29!important}.pd-login button{box-shadow:0 8px 24px #2368eb47;background:linear-gradient(90deg,#2467ea 0%,#3479ff 100%)!important;font-weight:600!important}@media (width<=900px){.pd-login{background-position:56%!important;justify-content:center!important;padding:24px!important}}@media (width<=600px){.pd-login{background-position:64%!important;padding:18px!important}.pd-login:before{content:"";z-index:0;background:#020b1857;position:absolute;inset:0}.pd-login form{background:#081c32ed!important;border-radius:16px!important;padding:26px 22px!important}}.pd-login form{-webkit-backdrop-filter:blur(14px);background:#081c32d1!important}.pd-login-heading{margin-bottom:14px}.pd-login-heading strong{color:#f8fbff;letter-spacing:-.02em;font-size:28px;font-weight:750;line-height:1.2;display:block}@media (width<=600px){.pd-login form{background:#081c32e6!important}.pd-login-heading strong{font-size:24px}}.pd-exec-overview{gap:16px;margin:0 0 26px;display:grid}.pd-health-hero{background:radial-gradient(circle at 88% 18%,#3e89ff29,#0000 34%),linear-gradient(145deg,#102641 0%,#0b1c31 100%);border:1px solid #244c78;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 12px 32px #00000029}.pd-health-kicker{color:#70afff;letter-spacing:.14em;margin-bottom:8px;font-size:12px;font-weight:800}.pd-health-hero h2{color:#f7faff;letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.4vw,34px)}.pd-health-hero p{color:#9fb5d0;margin:8px 0 0}.pd-health-score{text-align:center;background:#163050c7;border:1px solid #70afff57;border-radius:14px;min-width:154px;padding:18px 20px}.pd-health-score strong{color:#f8fbff;font-size:clamp(32px,3.2vw,46px);line-height:1;display:block}.pd-health-score span{letter-spacing:.12em;margin-top:8px;font-size:12px;font-weight:900;display:block}.pd-health-score.healthy span{color:#51d39a}.pd-health-score.good span{color:#6eb9ff}.pd-health-score.warning span{color:#f0c75e}.pd-health-score.critical span{color:#ff7286}.pd-exec-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pd-exec-status-grid .pd-stat{min-height:124px}.pd-exec-metrics{background:linear-gradient(145deg,#0e2038,#0b1b2f);border:1px solid #1d3e64;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.pd-exec-metrics>div{border-right:1px solid #527eab47;padding:18px 20px}.pd-exec-metrics>div:last-child{border-right:0}.pd-exec-metrics span,.pd-exec-metrics strong{display:block}.pd-exec-metrics span{color:#8fa7c5;font-size:12px;font-weight:700}.pd-exec-metrics strong{color:#f5f9ff;margin-top:7px;font-size:22px}.pd-exec-updated{color:#7f97b6;text-align:right;font-size:12px}@media (width<=900px){.pd-exec-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-health-hero{align-items:flex-start}}@media (width<=650px){.pd-health-hero{flex-direction:column;padding:20px}.pd-health-score{width:100%;min-width:0}.pd-exec-status-grid,.pd-exec-metrics{grid-template-columns:1fr}.pd-exec-metrics>div{border-bottom:1px solid #527eab47;border-right:0}.pd-exec-metrics>div:last-child{border-bottom:0}.pd-exec-updated{text-align:left}}.bast-page{box-sizing:border-box;color:#0f172a;width:100%}.bast-page .bast-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.bast-page .bast-page-header h1{font-size:28px;line-height:1.2;color:#f8fafc!important;margin:4px 0 6px!important}.bast-page .bast-page-header p{font-size:14px;color:#94a3b8!important;margin:0!important}.bast-page .bast-card{box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:24px;padding:28px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}.bast-page .bast-form-card{max-width:1100px}.bast-page .bast-form-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;padding-bottom:20px;display:flex!important}.bast-page .bast-form-head h2{font-size:22px;line-height:1.3;color:#0f172a!important;margin:0 0 5px!important}.bast-page .bast-form-head p{font-size:14px;color:#64748b!important;margin:0!important}.bast-page .bast-close{cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;line-height:1;display:inline-flex;color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important}.bast-page .bast-section-title{letter-spacing:.02em;border-bottom:1px solid #e2e8f0;margin:28px 0 16px;padding-bottom:9px;font-size:14px;font-weight:700;display:block;color:#0f172a!important}.bast-page .bast-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 22px!important;display:grid!important}.bast-page .bast-grid>label,.bast-page label.bast-full{min-width:0;line-height:1.4;color:#334155!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;width:100%!important;margin:0!important;font-size:13px!important;font-weight:600!important;display:flex!important}.bast-page label.bast-full{margin-top:16px!important}.bast-page input,.bast-page select,.bast-page textarea{transition:border-color .15s,box-shadow .15s;box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important;outline:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:11px 12px!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;display:block!important}.bast-page input{min-height:43px!important}.bast-page select{cursor:pointer;min-height:43px!important}.bast-page textarea{min-height:90px;resize:vertical!important}.bast-page input::placeholder,.bast-page textarea::placeholder{color:#94a3b8!important;opacity:1!important}.bast-page .bast-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;padding-top:22px;display:flex!important}.bast-page .bast-form-actions button{cursor:pointer;border-radius:8px;min-width:100px;min-height:42px;font-size:14px;font-weight:600;padding:0 18px!important}.bast-page .bast-form-actions button:not(.op-primary){color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important}.bast-page .bast-table-wrap{width:100%;overflow-x:auto}.bast-page .bast-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px;color:#334155!important}.bast-page .bast-table thead th{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-weight:700;color:#475569!important;background:#f8fafc!important}.bast-page .bast-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 14px;color:#334155!important;background:#fff!important}.bast-page .bast-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:250px;display:flex;color:#64748b!important}.bast-page .bast-empty strong{font-size:17px;color:#0f172a!important}.bast-page .pd-error{border-radius:8px;margin:16px 0;padding:11px 13px;color:#991b1b!important;background:#fef2f2!important;border:1px solid #fecaca!important}@media (width<=900px){.bast-page .bast-grid{grid-template-columns:1fr!important}}@media (width<=700px){.bast-page .bast-page-header{flex-direction:column}.bast-page .bast-card{border-radius:12px;padding:20px}.bast-page .bast-form-actions{flex-direction:column-reverse}.bast-page .bast-form-actions button,.bast-page .bast-page-header .op-primary{width:100%}}.bast-page .bast-actions{align-items:center;gap:8px;display:flex}.bast-page .bast-word-button{cursor:pointer;font-weight:600;color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important;border-radius:7px!important;padding:7px 12px!important}.bast-page .bast-delete-button{cursor:pointer;color:#b91c1c!important;background:#fff!important;border:1px solid #fecaca!important;border-radius:7px!important;padding:7px 12px!important}.bast-page .bast-edit-button{cursor:pointer;font-size:13px;font-weight:600;color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px!important;padding:7px 12px!important}.bast-page .bast-edit-button:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.bast-page .bast-card{color:#f5f9ff!important;background:linear-gradient(145deg,#0e2038 0%,#0b1b30 100%)!important;border:1px solid #1f4774!important;box-shadow:0 10px 28px #00000029!important}.bast-page .bast-empty{color:#93a8c4!important}.bast-page .bast-empty strong{color:#f8fbff!important}.bast-page .bast-form-head{border-bottom-color:#1d3e64!important}.bast-page .bast-form-head h2{color:#f8fbff!important}.bast-page .bast-form-head p{color:#93a8c4!important}.bast-page .bast-section-title{color:#d9e7f8!important;border-bottom-color:#1d3e64!important}.bast-page .bast-grid>label,.bast-page label.bast-full{color:#b8c9dd!important}.bast-page input,.bast-page select,.bast-page textarea{color:#f5f9ff!important;background:#09182a!important;border-color:#294765!important}.bast-page input::placeholder,.bast-page textarea::placeholder{color:#7087a3!important}.bast-page input:focus,.bast-page select:focus,.bast-page textarea:focus{border-color:#3478ff!important;box-shadow:0 0 0 3px #3478ff24!important}.bast-page .bast-close{color:#b8c9dd!important;background:#10243d!important;border-color:#294765!important}.bast-page .bast-close:hover{color:#fff!important;background:#183252!important}.bast-page .bast-table{color:#c2d1e3!important}.bast-page .bast-table thead th{color:#9db5d0!important;background:#10233c!important;border-bottom:1px solid #244467!important}.bast-page .bast-table tbody td{color:#c3d2e4!important;background:0 0!important;border-bottom:1px solid #36537661!important}.bast-page .bast-table tbody tr:hover td{background:#1c3d6359!important}.bast-page .bast-table strong{color:#fff!important}.bast-page .bast-form-actions{border-top-color:#1d3e64!important}.bast-page .bast-form-actions button:not(.op-primary){color:#c6d5e7!important;background:#10233c!important;border-color:#294765!important}.bast-page .bast-form-actions button:not(.op-primary):hover{background:#173354!important}.bast-page .bast-edit-button{color:#d4e2f2!important;background:#10233c!important;border-color:#31567e!important}.bast-page .bast-delete-button{color:#fca5a5!important;background:#7f1d1d2e!important;border-color:#ef444473!important}.bast-page .bast-delete-button:hover{background:#991b1b4d!important}.sl-page{background:var(--pd-bg);color:#edf3fc;max-width:1200px;margin:0 auto;padding:24px}.sl-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.sl-spinner{border:3px solid var(--pd-border);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.sl-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.sl-page-title h1{color:#edf3fc;margin:0 0 4px;font-size:1.75rem;font-weight:600}.sl-page-title p{color:var(--pd-muted);margin:0;font-size:.95rem}.sl-btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s}.sl-btn-primary:hover{background-color:#2563eb}.sl-btn-primary:disabled{cursor:not-allowed;background-color:#6099e8}.sl-btn-secondary{background-color:var(--pd-panel);color:#dce8fa;border:1px solid var(--pd-border);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s}.sl-btn-secondary:hover{background-color:#1a2942}.sl-btn-small{background-color:var(--pd-panel);color:#dce8fa;border:1px solid var(--pd-border);cursor:pointer;border-radius:6px;margin-right:6px;padding:6px 12px;font-size:.8rem}.sl-btn-small:hover{background-color:#1a2942}.sl-btn-edit{color:#93c5fd;background-color:#1a2942;border-color:#4c8cdc}.sl-btn-extend{color:#93c5fd;background-color:#1e3a5f;border-color:#6099e8}.sl-btn-danger{border:1px solid var(--pd-border);color:#fda4af;cursor:pointer;background-color:#7f1d1d20;border-radius:8px;margin-left:8px;padding:10px 20px;font-size:.9rem;font-weight:500}.sl-btn-danger:hover{background-color:#7f1d1d40}.sl-btn-success{border:1px solid var(--pd-border);color:#86efac;cursor:pointer;background-color:#16653420;border-radius:8px;margin-left:8px;padding:10px 20px;font-size:.9rem;font-weight:500}.sl-btn-success:hover{background-color:#16653440}.sl-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.sl-card{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:8px;padding:16px}.sl-stat-value{color:#dce8fa;margin-top:8px;font-size:2rem;font-weight:700}.sl-card.pd-warning .sl-stat-value{color:#fcd488}.sl-card.pd-danger .sl-stat-value{color:#fda4af}.sl-card.pd-info .sl-stat-value{color:#93c5fd}.sl-card.pd-success .sl-stat-value{color:#80e8bf}.sl-tabs{border-bottom:1px solid var(--pd-border);gap:4px;margin-bottom:24px;display:flex}.sl-tab{color:var(--pd-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 24px;font-size:.95rem;transition:all .2s}.sl-tab:hover{color:#dce8fa}.sl-tab-active{color:#93c5fd;border-bottom-color:#3b82f6;font-weight:500}.sl-table-wrapper{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:8px;overflow-x:auto}.sl-table{border-collapse:collapse;width:100%;font-size:.9rem}.sl-table th{text-align:left;color:var(--pd-muted);border-bottom:2px solid var(--pd-border);white-space:nowrap;background-color:#101a2a;padding:12px 16px;font-weight:600}.sl-table td{vertical-align:middle;color:#dce8fa;border-bottom:1px solid #22324a;padding:12px 16px}.sl-table tr:hover{background-color:#1a2942}.sl-table tr.sl-row-cancelled{opacity:.6}.sl-empty{text-align:center;color:var(--pd-muted);padding:40px}.sl-calendar{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:8px;margin-bottom:24px;padding:20px}.sl-calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sl-calendar-title{color:#dce8fa;font-size:1.1rem;font-weight:600}.sl-calendar-nav{background:var(--pd-panel);border:1px solid var(--pd-border);color:#dce8fa;cursor:pointer;border-radius:4px;padding:6px 14px;font-size:.85rem}.sl-calendar-nav:hover{background:#1a2942}.sl-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.sl-calendar-weekday{text-align:center;color:var(--pd-muted);padding:8px 0;font-size:.75rem;font-weight:600}.sl-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.sl-calendar-day{border:1px solid var(--pd-border);background:#0d1728;border-radius:4px;min-height:80px;padding:6px}.sl-calendar-day.sl-calendar-empty{background:0 0;border:none}.sl-calendar-day.sl-calendar-has-event{background:#1e3a5f;border-color:#4c8cdc}.sl-calendar-date{color:#dce8fa;margin-bottom:4px;font-size:.8rem;font-weight:600}.sl-calendar-event{text-overflow:ellipsis;white-space:nowrap;border-radius:2px;margin-bottom:2px;padding:2px 4px;font-size:.65rem;overflow:hidden}.sl-calendar-event-install{color:#93c5fd;background:#1e3a5f}.sl-calendar-event-start{color:#fcd488;background:#78350f}.sl-calendar-event-end{color:#86efac;background:#064e3b}.sl-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sl-modal{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.sl-modal-large{max-width:720px}.sl-modal-header{border-bottom:1px solid var(--pd-border);background:var(--pd-panel);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.sl-modal-header h2{color:#edf3fc;margin:0;font-size:1.25rem;font-weight:600}.sl-modal-close{color:var(--pd-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.sl-modal-close:hover{color:#dce8fa}.sl-modal-actions{border-top:1px solid var(--pd-border);background:#0d1728;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.sl-form{padding:20px}.sl-form-section{margin-bottom:20px}.sl-form-section:last-child{margin-bottom:0}.sl-form-section h3{color:#dce8fa;border-bottom:1px solid var(--pd-border);margin:0 0 12px;padding-bottom:8px;font-size:.95rem;font-weight:600}.sl-form-row{margin-bottom:12px}.sl-form-row label{color:var(--pd-muted);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.sl-form-row input,.sl-form-row select,.sl-form-row textarea{border:1px solid var(--pd-border);box-sizing:border-box;color:#dce8fa;background:#0d1728;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem}.sl-form-row input:focus,.sl-form-row select:focus,.sl-form-row textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.sl-form-row input:disabled{cursor:not-allowed;background-color:#1a2942}.sl-form-row input::placeholder,.sl-form-row textarea::placeholder{color:var(--pd-muted)}.sl-form-info{color:#93c5fd;background:#1e3a5f;border:1px solid #4c8cdc;border-radius:6px;margin-top:8px;padding:10px 14px;font-size:.85rem}.sl-form-info strong{font-weight:600}.sl-selected-kit{background:#0d1728;border:1px solid #86efac;border-radius:6px;margin-top:12px;padding:12px 16px}.sl-selected-kit p{color:#dce8fa;margin:4px 0;font-size:.85rem}.sl-selected-kit p strong{color:#86efac}.sl-detail-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sl-detail-modal{background:var(--pd-panel);border:1px solid var(--pd-border);border-radius:12px;width:100%;max-width:800px;max-height:85vh;position:relative;overflow-y:auto}.sl-detail-close{background:var(--pd-panel);border:1px solid var(--pd-border);cursor:pointer;z-index:1;width:32px;height:32px;color:var(--pd-muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:12px;right:12px}.sl-detail-close:hover{color:#dce8fa;background:#1a2942}.sl-detail-header{border-bottom:1px solid var(--pd-border);background:var(--pd-panel);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.sl-detail-header h2{color:#edf3fc;margin:0;font-size:1.25rem;font-weight:600}.sl-detail-grid{padding:20px 24px}.sl-detail-section{margin-bottom:20px}.sl-detail-section:last-child{margin-bottom:0}.sl-detail-section h3{color:var(--pd-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--pd-border);margin:0 0 12px;padding-bottom:8px;font-size:.85rem;font-weight:600}.sl-detail-row{border-bottom:1px solid var(--pd-border);padding:8px 0;display:flex}.sl-detail-row:last-child{border-bottom:none}.sl-detail-row span{width:160px;color:var(--pd-muted);flex-shrink:0;font-size:.9rem}.sl-detail-row strong{color:#dce8fa;flex:1;font-size:.9rem}.sl-detail-notes{color:#dce8fa;background:#0d1728;border-radius:6px;margin:0;padding:12px;font-size:.9rem;line-height:1.6}.sl-detail-actions{border-top:1px solid var(--pd-border);background:#0d1728;flex-wrap:wrap;gap:8px;padding:16px 24px;display:flex}.sl-units-page .sl-page-header{margin-bottom:16px}.sl-units-page .sl-page-title h2{color:#edf3fc;margin-bottom:4px;font-size:1.5rem}@media (width<=768px){.sl-page{padding:16px}.sl-page-header{flex-direction:column;align-items:stretch}.sl-page-title h1{font-size:1.5rem}.sl-summary{grid-template-columns:repeat(2,1fr)}.sl-tab{padding:10px 16px;font-size:.85rem}.sl-table th,.sl-table td{padding:8px 10px;font-size:.8rem}.sl-detail-row span{width:100px}.sl-detail-actions{flex-direction:column}.sl-detail-actions button{width:100%}}@media (width<=480px){.sl-summary{grid-template-columns:1fr}.sl-table-wrapper{font-size:.75rem}.sl-table th:nth-child(3),.sl-table td:nth-child(3),.sl-table th:nth-child(7),.sl-table td:nth-child(7){display:none}}.pd-status-scheduled{color:#93c5fd;background:#1e3a5f}.pd-status-soon{color:#fcd488;background:#78350f}.pd-status-active{color:#86efac;background:#064e3b}.pd-status-warning{color:#fcd488;background:#78350f}.pd-status-overdue{color:#fda4af;background:#7f1d1d}.pd-status-pickup{color:#c7d2fe;background:#312e81}.pd-status-done{color:#86efac;background:#064e3b}.pd-status-cancelled{color:#d1d5db;background:#4b5563}.pd-status-available{color:#86efac;background:#064e3b}.pd-status-rented{color:#93c5fd;background:#1e3a5f}.pd-status-reserved{color:#fcd488;background:#78350f}.pd-status-maintenance,.pd-status-unknown{color:#d1d5db;background:#4b5563}.sl-btn-delete{color:#fda4af;background-color:#7f1d1d30;border-color:#991b1b}.sl-btn-delete:hover{background-color:#7f1d1d60}.sl-btn-delete:disabled{opacity:.5;cursor:not-allowed}.inv-page{color:#edf6ff;flex-direction:column;gap:12px;display:flex}.inv-hero{background:radial-gradient(circle at 75% 8%,#389cff38,#0000 28%),linear-gradient(115deg,#071827,#0a2035 62%,#081725);border:1px solid #194268;border-radius:11px;justify-content:space-between;align-items:center;gap:24px;min-height:138px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.inv-hero:after{content:"";border:1px solid #49a4ff1f;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-110px;box-shadow:0 0 0 55px #49a4ff06,0 0 0 110px #49a4ff04}.inv-hero>div,.inv-hero>button{z-index:1;position:relative}.inv-hero span{letter-spacing:.16em;color:#61afff;font-size:10px;font-weight:800}.inv-hero h1{letter-spacing:-.035em;margin:6px 0 5px;font-size:34px}.inv-hero p{color:#8fa7c2;max-width:760px;margin:0;font-size:11px}.inv-hero button{color:#fff;background:linear-gradient(135deg,#1667df,#287ff2);border:1px solid #3b86ef;border-radius:8px;padding:10px 15px;font-size:10px;font-weight:700}.inv-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.inv-kpis>div{background:linear-gradient(145deg,#081a2c,#0a2035);border:1px solid #173b60;border-radius:9px;min-height:92px;padding:13px 14px;position:relative;overflow:hidden}.inv-kpis span,.inv-kpis small{display:block}.inv-kpis span{color:#7f99b8;font-size:9px}.inv-kpis strong{margin-top:7px;font-size:22px;line-height:1;display:block}.inv-kpis small{color:#6884a5;margin-top:8px;font-size:8px}.inv-kpis .blue strong{color:#62adff}.inv-kpis .green{border-color:#205b47}.inv-kpis .green strong{color:#50e0a3}.inv-kpis .amber{border-color:#65501f}.inv-kpis .amber strong{color:#ffc65f}.inv-kpis .red{border-color:#693045}.inv-kpis .red strong{color:#ff7f96}.inv-kpis .purple{border-color:#4e3d70}.inv-kpis .purple strong{color:#b48cff}.inv-tabs{gap:6px;display:flex}.inv-tabs button{color:#91a9c5;background:#0a1d31;border:1px solid #244c71;border-radius:7px;padding:8px 12px;font-size:9px}.inv-tabs button.active{color:#e9f5ff;background:#123a68;border-color:#317ed0}.inv-panel{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #173b60;border-radius:10px;overflow:hidden}.inv-panel>header{background:linear-gradient(90deg,#194b782e,#0000);border-bottom:1px solid #153654;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.inv-panel>header span{letter-spacing:.12em;color:#5ba6f0;font-size:8px;font-weight:800}.inv-panel>header h2{margin:4px 0 0;font-size:15px}.inv-panel>header p{color:#7893b2;margin:4px 0 0;font-size:9px}.inv-panel>header button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:6px;padding:7px 10px;font-size:8px}.inv-filters{background:#071624;border-bottom:1px solid #12314d;grid-template-columns:minmax(260px,1fr) 180px;gap:8px;padding:11px 14px;display:grid}.inv-filters input,.inv-filters select,.inv-form-grid input,.inv-form-grid select,.inv-account-form input,.inv-account-form textarea,.inv-wide-label textarea,.inv-form-section textarea{box-sizing:border-box;color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:6px;width:100%;padding:0 10px;font-size:9px}.inv-filters input,.inv-filters select,.inv-form-grid input,.inv-form-grid select,.inv-account-form input{height:36px}.inv-form-section textarea,.inv-account-form textarea,.inv-wide-label textarea{padding:9px 10px}.inv-table-wrap{overflow:auto}.inv-table-wrap table{border-collapse:collapse;width:100%;min-width:1250px;font-size:8.5px}.inv-table-wrap thead{background:#071523}.inv-table-wrap th,.inv-table-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #12304b;padding:10px 9px}.inv-table-wrap tbody tr:hover{background:#0d263f}.inv-table-wrap td small,.inv-table-wrap td strong{display:block}.inv-table-wrap td small{color:#708cab;margin-top:2px;font-size:7px}.inv-no{color:#6f8dac;width:38px;text-align:center!important}.inv-number{color:#78bfff;font-family:ui-monospace,monospace}.inv-money{color:#eaf4ff;font-weight:800}.inv-status,.inv-source{white-space:nowrap;color:#9fb9d2;background:#10283f;border:1px solid #2b4d6d;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.inv-status.draft{color:#b6c2cf}.inv-status.sent{color:#72b9ff;background:#102d4b;border-color:#27577f}.inv-status.partial{color:#ffd071;background:#3c2f16;border-color:#66501e}.inv-status.paid{color:#61e4ad;background:#13372c;border-color:#24634d}.inv-status.overdue,.inv-status.cancelled{color:#ff8ca1;background:#3b1f2b;border-color:#6e3044}.inv-actions{flex-wrap:wrap;gap:4px;display:flex}.inv-actions button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:5px;padding:5px 7px;font-size:7px}.inv-actions .pay{color:#60e4ad;background:#12392e;border-color:#2b674e}.inv-actions .wa{color:#65e5af;background:#13372c;border-color:#24634d}.inv-actions .send{color:#8ec8ff;background:#123c68;border-color:#3477bb}.inv-actions .danger{color:#ff91a4;background:#391f2a;border-color:#6d3043}.inv-pagination{background:#071523;border-top:1px solid #153451;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.inv-pagination>div{color:#7893b2;align-items:center;gap:12px;font-size:8px;display:flex}.inv-pagination label{align-items:center;gap:5px;display:flex}.inv-pagination select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:5px;height:28px;font-size:8px}.inv-pagination nav{gap:4px;display:flex}.inv-pagination button{color:#9db9d6;background:#0b2137;border:1px solid #244c71;border-radius:5px;min-width:30px;height:29px;font-size:7px}.inv-pagination button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2)}.inv-pagination button:disabled{opacity:.35}.inv-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020a12c7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.inv-modal{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #1d4770;border-radius:11px;width:min(980px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 70px #00000073}.inv-modal-head{z-index:2;background:#091c2f;border-bottom:1px solid #173b60;justify-content:space-between;align-items:center;padding:15px 18px;display:flex;position:sticky;top:0}.inv-modal-head span{letter-spacing:.12em;color:#62adff;font-size:8px}.inv-modal-head h2{margin:3px 0;font-size:17px}.inv-modal-head small{color:#7893b2;font-size:8px}.inv-modal-head>button{color:#8fa7c2;background:0 0;border:0;font-size:24px}.inv-editor-body{gap:12px;padding:15px 18px;display:grid}.inv-form-section{background:#071827;border:1px solid #173a5b;border-radius:8px;padding:13px}.inv-form-section h3{letter-spacing:.05em;color:#a9c4df;text-transform:uppercase;margin:0 0 10px;font-size:10px}.inv-section-title{justify-content:space-between;align-items:center;display:flex}.inv-section-title button{color:#8ec8ff;background:#123c68;border:1px solid #3477bb;border-radius:6px;padding:6px 9px;font-size:8px}.inv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.inv-form-grid label,.inv-account-form label,.inv-wide-label{color:#819cba;gap:5px;font-size:8px;display:grid}.inv-item-editor{gap:5px;display:grid}.inv-item-header,.inv-item-row{grid-template-columns:minmax(260px,1fr) 75px 130px 130px 32px;align-items:center;gap:6px;display:grid}.inv-item-header{color:#708cab;text-transform:uppercase;padding:0 7px;font-size:7px}.inv-item-row{background:#091b2e;border:1px solid #153653;border-radius:6px;padding:6px}.inv-item-row input{color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:5px;height:32px;padding:0 8px;font-size:8px}.inv-item-row strong{text-align:right;font-size:8px}.inv-item-row button{color:#ff91a4;background:#391f2a;border:1px solid #6d3043;border-radius:5px;height:30px}.inv-totals-editor{grid-template-columns:130px 110px 1fr 1fr 1.2fr;align-items:end;gap:8px;margin-top:10px;display:grid}.inv-totals-editor label{color:#819cba;gap:4px;font-size:7px;display:grid}.inv-totals-editor input{color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:5px;height:32px;padding:0 8px}.inv-totals-editor>div{background:#091b2e;border:1px solid #173a5b;border-radius:6px;padding:8px 9px}.inv-totals-editor span,.inv-totals-editor strong{display:block}.inv-totals-editor span{color:#708cab;font-size:7px}.inv-totals-editor strong{margin-top:4px;font-size:9px}.inv-totals-editor .grand{background:#0d3155;border-color:#2a6aa5}.inv-totals-editor .grand strong{color:#76bcff;font-size:11px}.inv-modal-actions{background:#091c2f;border-top:1px solid #173b60;justify-content:flex-end;gap:7px;padding:12px 18px;display:flex;position:sticky;bottom:0}.inv-modal-actions button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:6px;padding:8px 12px;font-size:8px}.inv-modal-actions .primary{color:#fff;background:linear-gradient(135deg,#1667df,#287ff2);border-color:#3b86ef}.inv-payment-modal{width:min(620px,94vw)}.inv-payment-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.inv-payment-summary>div{background:#091b2e;border:1px solid #173a5b;border-radius:7px;padding:11px}.inv-payment-summary span,.inv-payment-summary strong{display:block}.inv-payment-summary span{color:#708cab;font-size:7px}.inv-payment-summary strong{margin-top:5px;font-size:12px}.inv-wide-label{margin-top:4px}.inv-accounts-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:10px;display:grid}.inv-account-list{gap:7px;padding:12px;display:grid}.inv-account-card{background:#091b2e;border:1px solid #173a5b;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.inv-account-card.inactive{opacity:.55}.inv-account-logo{color:#69b4ff;background:#12365b;border-radius:8px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.inv-account-copy strong,.inv-account-copy span,.inv-account-copy small{display:block}.inv-account-copy strong{font-size:10px}.inv-account-copy span{color:#77b9ff;margin-top:2px;font-family:ui-monospace;font-size:9px}.inv-account-copy small{color:#708cab;margin-top:3px;font-size:7px}.inv-account-badges{gap:4px;display:flex}.inv-account-badges b{color:#65e5af;background:#13372c;border-radius:999px;padding:3px 6px;font-size:6px}.inv-account-badges b.off{color:#ff8ca1;background:#3b1f2b}.inv-account-actions{gap:4px;display:flex}.inv-account-actions button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:5px;padding:5px 7px;font-size:7px}.inv-account-actions .danger{color:#ff91a4;background:#391f2a;border-color:#6d3043}.inv-account-form .inv-editor-body{gap:9px}.inv-check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.inv-check input{width:16px!important;height:16px!important}.inv-error,.inv-notice{border-radius:7px;padding:10px 12px;font-size:9px}.inv-error{color:#ff9caf;background:#391f2a;border:1px solid #6d3043}.inv-error.top{margin:0}.inv-notice{color:#65e5af;background:#13372c;border:1px solid #24634d}.inv-empty{text-align:center;color:#7893b2;padding:28px;font-size:9px}@media (width<=1200px){.inv-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.inv-accounts-layout{grid-template-columns:1fr}.inv-totals-editor{grid-template-columns:1fr 1fr 1fr}.inv-item-header,.inv-item-row{grid-template-columns:minmax(220px,1fr) 65px 110px 110px 32px}}@media (width<=760px){.inv-hero{flex-direction:column;align-items:flex-start}.inv-kpis{grid-template-columns:1fr 1fr}.inv-filters,.inv-form-grid{grid-template-columns:1fr}.inv-item-header{display:none}.inv-item-row{grid-template-columns:1fr 1fr}.inv-item-row strong{text-align:left}.inv-totals-editor{grid-template-columns:1fr 1fr}.inv-pagination{flex-direction:column;align-items:stretch}.inv-pagination nav{justify-content:center}.inv-payment-summary{grid-template-columns:1fr}.inv-account-card{grid-template-columns:42px 1fr}.inv-account-badges,.inv-account-actions{grid-column:2}}@media (width<=480px){.inv-kpis,.inv-totals-editor{grid-template-columns:1fr}}.inv-payment-history{gap:6px;display:grid}.inv-payment-history>div:not(.inv-empty){background:#091b2e;border:1px solid #173a5b;border-radius:6px;grid-template-columns:95px 130px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.inv-payment-history span{color:#7893b2;font-size:8px}.inv-payment-history strong{color:#63e0ab;font-size:9px}.inv-payment-history small{color:#7893b2;font-size:7px}.inv-payment-history button{color:#ff91a4;background:#391f2a;border:1px solid #6d3043;border-radius:5px;padding:5px 7px;font-size:7px}.inv-empty.compact{padding:14px}.act-report-btn-action.invoice{color:#8ec8ff!important;background:#123c68!important;border-color:#3477bb!important}.inv-actions .delete{color:#ff8da5;background:#421e2b;border-color:#7f3148;font-weight:800}.inv-item-description{gap:5px;min-width:0;display:grid}.inv-item-description select{color:#a9cfff;background:#0b2137;border:1px solid #28557e;border-radius:5px;width:100%;height:30px;padding:0 7px;font-size:7px}.inv-price-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:10px;display:grid}.inv-price-list{gap:7px;padding:12px;display:grid}.inv-price-card{background:#091b2e;border:1px solid #173a5b;border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:11px;display:grid}.inv-price-card.inactive{opacity:.55}.inv-price-main strong,.inv-price-main span,.inv-price-main small{display:block}.inv-price-main strong{color:#edf6ff;font-size:10px}.inv-price-main span{color:#77b9ff;margin-top:3px;font-size:8px}.inv-price-main small{color:#708cab;margin-top:3px;font-size:7px}.inv-price-card>b{color:#65e5af;white-space:nowrap;font-size:11px}@media (width<=1200px){.inv-price-layout{grid-template-columns:1fr}}@media (width<=760px){.inv-price-card{grid-template-columns:1fr auto}.inv-price-card .inv-account-badges,.inv-price-card .inv-account-actions,.inv-item-description{grid-column:1/-1}}.inv-internal-line{color:#8aa3bc;background:#071521;border:1px dashed #35536d;border-radius:5px;padding:5px 7px;font-size:7px;line-height:1.35;display:block}.inv-totals-editor .internal{background:#071521;border-style:dashed;border-color:#35536d}.inv-totals-editor .internal strong{color:#b9c9d8}.inv-totals-editor .internal.profit{background:#08241d;border-color:#276b55}.inv-totals-editor .internal.profit strong{color:#65e5af}.inv-price-values{text-align:right;white-space:nowrap;gap:3px;min-width:155px;display:grid}.inv-price-values small{color:#7893ad;font-size:7px}.inv-price-values b{color:#65e5af;font-size:10px}@media (width<=760px){.inv-price-values{text-align:left;min-width:0}}.bq-page{color:#edf6ff;flex-direction:column;gap:12px;display:flex}.bq-hero{background:radial-gradient(circle at 82% 18%,#ffbb4724,#0000 24%),linear-gradient(120deg,#071827,#0a2035 64%,#071522);border:1px solid #1a4268;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.bq-eyebrow{letter-spacing:.16em;color:#ffbd62;font-size:9px;font-weight:800}.bq-hero h1{letter-spacing:-.035em;margin:6px 0 5px;font-size:32px}.bq-hero p{color:#8ca6c2;max-width:760px;margin:0;font-size:10px;line-height:1.55}.bq-hero-total{text-align:right;background:linear-gradient(145deg,#241d0d,#152030);border:1px solid #6d5725;border-radius:9px;min-width:180px;padding:14px 16px}.bq-hero-total span,.bq-hero-total small{display:block}.bq-hero-total span{letter-spacing:.12em;color:#d9aa58;font-size:7px}.bq-hero-total strong{color:#ffd075;margin:5px 0;font-size:30px;display:block}.bq-hero-total small{color:#9b8b68;font-size:7px}.bq-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.bq-kpis>div{background:linear-gradient(145deg,#081827,#0a1f34);border:1px solid #173a5d;border-radius:9px;padding:13px 14px}.bq-kpis span,.bq-kpis small{display:block}.bq-kpis span{color:#7d99b7;font-size:8px}.bq-kpis strong{margin-top:6px;font-size:22px;display:block}.bq-kpis small{color:#6f89a5;margin-top:6px;font-size:7px}.bq-kpis .all strong{color:#74bcff}.bq-kpis .warn{border-color:#5f4a20}.bq-kpis .warn strong{color:#f6bd59}.bq-kpis .danger{border-color:#6a3a2b}.bq-kpis .danger strong{color:#ff9c6d}.bq-kpis .critical{border-color:#713247}.bq-kpis .critical strong{color:#ff829b}.bq-panel{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #173b60;border-radius:10px;overflow:hidden}.bq-panel-head{background:linear-gradient(90deg,#194b782e,#0000);border-bottom:1px solid #153654;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.bq-panel-head span{letter-spacing:.12em;color:#5ba6f0;font-size:8px;font-weight:800}.bq-panel-head h2{margin:4px 0 0;font-size:15px}.bq-panel-head p{color:#7893b2;margin:4px 0 0;font-size:8px}.bq-panel-head button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:6px;padding:7px 10px;font-size:8px}.bq-filters{background:#071624;border-bottom:1px solid #12314d;grid-template-columns:minmax(280px,1fr) 210px 210px;gap:8px;padding:11px 14px;display:grid}.bq-filters input,.bq-filters select{color:#dceafa;box-sizing:border-box;background:#071827;border:1px solid #244c71;border-radius:6px;height:36px;padding:0 10px;font-size:9px}.bq-error{color:#ff9caf;background:#391f2a;border:1px solid #70344a;border-radius:7px;margin:10px 14px 0;padding:9px 11px;font-size:8px}.bq-table-wrap{overflow:auto hidden}.bq-table-wrap table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:8.6px}.bq-table-wrap thead{background:#071523}.bq-table-wrap th,.bq-table-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #12304b;padding:11px 10px}.bq-table-wrap th{letter-spacing:.02em;color:#b9d0e8;white-space:nowrap;font-size:8px}.bq-table-wrap tbody tr{height:58px}.bq-table-wrap tbody tr:hover{background:#0d263f}.bq-table-wrap th:first-child,.bq-table-wrap td:first-child{width:4%}.bq-table-wrap th:nth-child(2),.bq-table-wrap td:nth-child(2){width:12%}.bq-table-wrap th:nth-child(3),.bq-table-wrap td:nth-child(3){width:17%}.bq-table-wrap th:nth-child(4),.bq-table-wrap td:nth-child(4){width:26%}.bq-table-wrap th:nth-child(5),.bq-table-wrap td:nth-child(5){width:10%}.bq-table-wrap th:nth-child(6),.bq-table-wrap td:nth-child(6){width:7%}.bq-table-wrap th:nth-child(7),.bq-table-wrap td:nth-child(7){width:11%}.bq-table-wrap th:nth-child(8),.bq-table-wrap td:nth-child(8){width:13%}.bq-table-wrap td strong,.bq-table-wrap td small{min-width:0;display:block}.bq-table-wrap td strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bq-table-wrap td small{color:#6f8aa7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:7px;line-height:1.35;display:-webkit-box;overflow:hidden}.bq-table-wrap td:nth-child(5),.bq-table-wrap td:nth-child(6),.bq-table-wrap td:nth-child(7){white-space:nowrap}.bq-no{color:#6e8aa8;text-align:center!important}.bq-report-number{color:#74bdff;font-family:ui-monospace,monospace}.bq-work{min-width:0}.bq-age,.bq-unbilled{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.bq-age.fresh{color:#65e5af;background:#13372c;border:1px solid #27654e}.bq-age.warning{color:#ffd071;background:#3c2f16;border:1px solid #65501f}.bq-age.danger{color:#ffac7e;background:#44291f;border:1px solid #764333}.bq-age.critical{color:#ff8da3;background:#3b1f2b;border:1px solid #713247}.bq-unbilled{color:#ffd071;letter-spacing:.04em;background:#3c2f16;border:1px solid #65501f}.bq-actions{grid-template-columns:1fr;gap:4px;min-width:0;display:grid}.bq-actions button{color:#a9cfff;white-space:nowrap;background:#102844;border:1px solid #28557e;border-radius:5px;width:100%;min-width:0;padding:6px 7px;font-size:7px}.bq-actions .primary{color:#fff;background:linear-gradient(135deg,#135bbd,#237ce8);border-color:#3477bb;font-weight:800}.bq-empty{text-align:center;color:#7893b2;gap:5px;padding:34px;font-size:9px;display:grid}.bq-empty strong{color:#a9c4df;font-size:10px}.bq-pagination{background:#071523;border-top:1px solid #153451;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.bq-pagination>div{color:#7893b2;align-items:center;gap:12px;font-size:8px;display:flex}.bq-pagination label{align-items:center;gap:5px;display:flex}.bq-pagination select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:5px;height:28px;font-size:8px}.bq-pagination nav{gap:4px;display:flex}.bq-pagination button{color:#9db9d6;background:#0b2137;border:1px solid #244c71;border-radius:5px;min-width:30px;height:29px;font-size:7px}.bq-pagination button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2)}.bq-pagination button:disabled{opacity:.35}@media (width<=1180px){.bq-table-wrap table{min-width:980px}}@media (width<=1050px){.bq-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bq-filters{grid-template-columns:1fr 1fr}.bq-filters input{grid-column:1/-1}}@media (width<=700px){.bq-hero{flex-direction:column;align-items:flex-start}.bq-hero-total{box-sizing:border-box;text-align:left;width:100%}.bq-kpis{grid-template-columns:1fr 1fr}.bq-filters{grid-template-columns:1fr}.bq-filters input{grid-column:auto}.bq-pagination{flex-direction:column;align-items:stretch}.bq-pagination nav{justify-content:center}}@media (width<=480px){.bq-kpis{grid-template-columns:1fr}}.bq-actions .danger{color:#ff8da3;background:#3c1e29;border-color:#703247;font-weight:800}.cb-page{color:#edf6ff;flex-direction:column;gap:12px;display:flex}.cb-hero{background:radial-gradient(circle at 82% 10%,#46bbff26,#0000 26%),linear-gradient(120deg,#071827,#0a2035 64%,#071522);border:1px solid #1b456d;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.cb-hero span{letter-spacing:.15em;color:#67baff;font-size:9px;font-weight:800}.cb-hero h1{letter-spacing:-.035em;margin:6px 0 5px;font-size:32px}.cb-hero p{color:#8ca6c2;max-width:760px;margin:0;font-size:10px;line-height:1.55}.cb-hero-actions{z-index:1;gap:7px;display:flex;position:relative}.cb-hero button,.cb-panel button,.cb-modal button{color:#a9cfff;background:#102844;border:1px solid #28557e;border-radius:6px;padding:8px 11px;font-size:8px}.cb-hero button.primary,.cb-panel button.primary,.cb-modal button.primary{color:#fff;background:linear-gradient(135deg,#1667df,#287ff2);border-color:#3b86ef;font-weight:800}.cb-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.cb-kpis>div{background:linear-gradient(145deg,#081827,#0a1f34);border:1px solid #173a5d;border-radius:9px;padding:13px 14px}.cb-kpis span,.cb-kpis small{display:block}.cb-kpis span{color:#7d99b7;font-size:8px}.cb-kpis strong{color:#74bcff;margin-top:6px;font-size:21px;display:block}.cb-kpis small{color:#6f89a5;margin-top:6px;font-size:7px}.cb-kpis .success{border-color:#235942}.cb-kpis .success strong{color:#5ce0a6}.cb-kpis .danger{border-color:#663047}.cb-kpis .danger strong{color:#ff859d}.cb-kpis .warning{border-color:#66501f}.cb-kpis .warning strong{color:#ffd071}.cb-kpis .storage{border-color:#473d70}.cb-kpis .storage strong{color:#b59aff}.cb-panel{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #173b60;border-radius:10px;overflow:hidden}.cb-panel>header{background:linear-gradient(90deg,#194b782e,#0000);border-bottom:1px solid #153654;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.cb-panel>header span{letter-spacing:.12em;color:#5ba6f0;font-size:8px;font-weight:800}.cb-panel>header h2{margin:4px 0 0;font-size:15px}.cb-panel>header p{color:#7893b2;margin:4px 0 0;font-size:8px}.cb-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.cb-device-card{background:linear-gradient(145deg,#081a2c,#091e32);border:1px solid #173a5b;border-radius:9px;padding:13px}.cb-device-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cb-device-head>div>span{letter-spacing:.08em;color:#5ba6f0;text-transform:uppercase;font-size:7px}.cb-device-head h3{margin:4px 0 2px;font-size:13px}.cb-device-head small{color:#718eac;font-size:7.5px}.cb-state{white-space:nowrap;color:#9ab2ca;letter-spacing:.04em;background:#10273d;border:1px solid #35506b;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:6.5px;font-weight:900;display:inline-flex}.cb-state.success{color:#65e5af;background:#13372c;border-color:#27654e}.cb-state.failed{color:#ff8da3;background:#3b1f2b;border-color:#713247}.cb-state.running{color:#77c3ff;background:#113755;border-color:#285e8f}.cb-state.never{color:#9aa8b7;background:#1c2632;border-color:#4a5160}.cb-device-info{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.cb-device-info>div{background:#071725;border:1px solid #143550;border-radius:6px;min-width:0;padding:8px 9px}.cb-device-info span,.cb-device-info strong{display:block}.cb-device-info span{color:#6f8aa8;text-transform:uppercase;font-size:6.5px}.cb-device-info strong{text-overflow:ellipsis;white-space:nowrap;color:#dbe9f8;margin-top:4px;font-size:8px;overflow:hidden}.cb-device-error{color:#ff9caf;text-overflow:ellipsis;white-space:nowrap;background:#391f2a;border:1px solid #6d3043;border-radius:6px;margin-top:8px;padding:7px 8px;font-size:7px;overflow:hidden}.cb-device-actions{grid-template-columns:auto auto 1fr;gap:6px;margin-top:10px;display:grid}.cb-device-actions button{padding:7px 8px}.cb-history-head{align-items:flex-end!important}.cb-history-filters{gap:6px;display:flex}.cb-history-filters select{color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:6px;height:32px;padding:0 8px;font-size:8px}.cb-table-wrap{overflow:auto}.cb-table-wrap table{border-collapse:collapse;width:100%;min-width:1120px;font-size:8px}.cb-table-wrap thead{background:#071523}.cb-table-wrap th,.cb-table-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #12304b;padding:10px 9px}.cb-table-wrap th{color:#b8d0e8;white-space:nowrap;font-size:7.5px}.cb-table-wrap tbody tr:hover{background:#0d263f}.cb-table-wrap td strong,.cb-table-wrap td small{display:block}.cb-table-wrap td small{color:#6f8aa7;text-overflow:ellipsis;white-space:nowrap;max-width:290px;margin-top:3px;font-size:6.7px;overflow:hidden}.cb-file{text-overflow:ellipsis;white-space:nowrap;color:#77baff;max-width:210px;overflow:hidden}.cb-table-wrap code{color:#92abc4;font-size:7px}.cb-row-actions{gap:4px;display:flex}.cb-row-actions button{padding:5px 7px;font-size:7px}.cb-row-actions .danger{color:#ff8da3;background:#3c1e29;border-color:#703247}.cb-empty{text-align:center;color:#7893b2;grid-column:1/-1;padding:30px;font-size:9px}.cb-pagination{background:#071523;border-top:1px solid #153451;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.cb-pagination>div{color:#7893b2;align-items:center;gap:12px;font-size:8px;display:flex}.cb-pagination label{align-items:center;gap:5px;display:flex}.cb-pagination select{color:#dceafa;background:#0a1d30;border:1px solid #244c71;border-radius:5px;height:28px;font-size:8px}.cb-pagination nav{gap:4px;display:flex}.cb-pagination button{min-width:30px;height:29px;padding:0 7px}.cb-pagination button.active{color:#fff;background:linear-gradient(135deg,#1769df,#287ff2)}.cb-pagination button:disabled,.cb-device-actions button:disabled{opacity:.4}.cb-error,.cb-notice{border-radius:7px;padding:10px 12px;font-size:8.5px}.cb-error{color:#ff9caf;background:#391f2a;border:1px solid #6d3043}.cb-notice{color:#65e5af;background:#13372c;border:1px solid #24634d}.cb-modal-overlay{z-index:1250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020a12cc;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.cb-modal{background:linear-gradient(145deg,#081827,#091c2f);border:1px solid #1d4770;border-radius:10px;width:min(560px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 70px #00000073}.cb-modal>header{border-bottom:1px solid #173b60;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cb-modal>header span{letter-spacing:.13em;color:#62adff;font-size:7px}.cb-modal>header h2{margin:3px 0;font-size:16px}.cb-modal>header small{color:#7893b2;font-size:7px}.cb-modal>header>button{color:#8fa7c2;background:0 0;border:0;padding:0;font-size:22px}.cb-modal-body{gap:9px;padding:14px 16px;display:grid}.cb-modal-body label{color:#819cba;gap:5px;font-size:8px;display:grid}.cb-modal-body input,.cb-modal-body select,.cb-modal-body textarea{box-sizing:border-box;color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:6px;width:100%;padding:0 9px;font-size:8px}.cb-modal-body input,.cb-modal-body select{height:35px}.cb-modal-body textarea{resize:vertical;padding:9px;line-height:1.5}.cb-check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.cb-check input{width:16px!important;height:16px!important}.cb-security-note{color:#a8c8e9;background:#102844;border:1px solid #28557e;border-radius:6px;padding:9px 10px;font-size:7.5px;line-height:1.5}.cb-key-link{justify-self:start}.cb-modal>footer{border-top:1px solid #173b60;justify-content:flex-end;gap:6px;padding:11px 16px;display:flex}.cb-key-modal{width:min(720px,94vw)}.cb-setup-steps{color:#8fa9c5;background:#071827;border:1px solid #173a5b;border-radius:7px;gap:5px;padding:10px;font-size:8px;display:grid}.cb-setup-steps strong{color:#dceafa}.cb-copy{justify-self:end}@media (width<=1200px){.cb-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-device-grid{grid-template-columns:1fr}}@media (width<=760px){.cb-hero{flex-direction:column;align-items:flex-start}.cb-kpis{grid-template-columns:1fr 1fr}.cb-device-info,.cb-device-actions{grid-template-columns:1fr}.cb-history-head{flex-direction:column;align-items:flex-start!important}.cb-history-filters{width:100%}.cb-history-filters select{flex:1}.cb-pagination{flex-direction:column;align-items:stretch}.cb-pagination nav{justify-content:center}}@media (width<=480px){.cb-kpis{grid-template-columns:1fr}.cb-hero-actions{flex-direction:column;width:100%}.cb-hero-actions button{width:100%}}.fin-page{gap:14px;display:grid}.fin-hero{background:#081a2c;border:1px solid #173a5b;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px;display:flex}.fin-hero span,.fin-panel header span{letter-spacing:.12em;color:#6faee8;font-size:8px}.fin-hero h1,.fin-panel h2{color:#eef7ff;margin:4px 0}.fin-hero p,.fin-panel p{color:#7893ad;margin:0;font-size:9px}.fin-hero label,.fin-form label{color:#819cba;gap:5px;font-size:8px;display:grid}.fin-hero input,.fin-form input,.fin-form select,.fin-form textarea{color:#dceafa;background:#071827;border:1px solid #244c71;border-radius:6px;padding:8px}.fin-tabs{flex-wrap:wrap;gap:7px;display:flex}.fin-tabs button,.fin-panel button{color:#a9cfff;cursor:pointer;background:#0b2137;border:1px solid #28557e;border-radius:6px;padding:8px 10px}.fin-tabs button.active,.fin-panel button.primary{color:#fff;background:#123e68;border-color:#3c83bf}.fin-alert{border-radius:7px;padding:10px 12px;font-size:9px}.fin-alert.error{color:#ff9ca9;background:#35171c;border:1px solid #74313b}.fin-alert.success{color:#7ce5bb;background:#0c2c24;border:1px solid #276b55}.fin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fin-kpis>div{background:#091b2e;border:1px solid #173a5b;border-radius:8px;padding:13px}.fin-kpis span,.fin-kpis strong,.fin-kpis small{display:block}.fin-kpis span{color:#7893ad;font-size:8px}.fin-kpis strong{color:#edf6ff;margin-top:5px;font-size:15px}.fin-kpis small{color:#617d99;margin-top:4px;font-size:7px}.fin-kpis .profit strong{color:#65e5af}.fin-kpis .loss strong{color:#ff8392}.fin-panel{background:#081a2c;border:1px solid #173a5b;border-radius:9px;padding:14px}.fin-panel header{margin-bottom:12px}.fin-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fin-breakdown>div{background:#091b2e;border:1px solid #173a5b;border-radius:7px;padding:10px}.fin-breakdown span,.fin-breakdown strong,.fin-breakdown small{display:block}.fin-breakdown span{color:#7893ad;font-size:7px}.fin-breakdown strong{margin-top:4px}.fin-breakdown small{color:#617d99;margin-top:3px;font-size:7px}.fin-two-col{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:12px;display:grid}.fin-form{align-content:start;gap:9px;display:grid}.fin-table-wrap{overflow:auto}.fin-table-wrap table{border-collapse:collapse;width:100%;font-size:8px}.fin-table-wrap th,.fin-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #14334f;padding:9px}.fin-table-wrap th{color:#7395b5;font-size:7px}.fin-table-wrap td{color:#c8d9e8}.fin-table-wrap td strong,.fin-table-wrap td small{display:block}.fin-table-wrap td small{color:#6f89a2;margin-top:3px}.fin-money{white-space:nowrap;font-weight:700}.fin-panel button.danger{color:#ff98a4;background:#32161b;border-color:#6e3139}.fin-empty{color:#718aa2;padding:14px;font-size:8px}.fin-purchase-items{gap:7px;display:grid}.fin-purchase-item{grid-template-columns:minmax(140px,1fr) 70px 110px 110px 32px;align-items:center;gap:6px;display:grid}.fin-purchase-item select,.fin-purchase-item input{min-width:0}.fin-purchase-item strong{text-align:right;font-size:8px}.fin-purchase-total{background:#08241d;border:1px solid #276b55;border-radius:7px;justify-content:space-between;padding:10px;display:flex}.fin-purchase-total span{color:#8fb6a7;font-size:8px}.fin-purchase-total strong{color:#65e5af}.fin-stock-negative{font-weight:700;color:#ff8392!important}@media (width<=1200px){.fin-kpis,.fin-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-two-col{grid-template-columns:1fr}}@media (width<=760px){.fin-hero{flex-direction:column;align-items:flex-start}.fin-kpis,.fin-breakdown{grid-template-columns:1fr}.fin-purchase-item{grid-template-columns:1fr 1fr}.fin-purchase-item select{grid-column:1/-1}.fin-purchase-item strong{text-align:left}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{color:#f3f4f6;background:#111827;min-height:100vh;margin:0;padding:0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}::selection{color:#fff;background:#3b82f6}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.site-monitoring{max-width:1200px;margin:0 auto;padding:24px}@media (width<=900px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.summary-grid{grid-template-columns:1fr}}.chart-selector{gap:8px;margin-bottom:20px;display:flex}.stat-row,.client-stat{border-bottom:1px solid #1f2937;justify-content:space-between;padding:6px 0;display:flex}.client-stats-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.legend-icon.mikrotik{background:#0d2a1c;border:2px solid #22c55e;border-radius:4px}.legend-icon.device{background:#111827;border:1.5px solid #3b82f6;border-radius:3px}.menu-sites{border-top:1px solid #1f2937;margin-top:16px;padding-top:16px}.menu-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;font-size:10px;font-weight:700}.menu-sites .menu-item{background:0 0;border-left:2px solid #0000;padding:9px 14px}.menu-sites .menu-item:hover{background:#111827}.menu-sites .menu-item.active{color:#e5e7eb;background:#111827;border-left-color:#3b82f6}@media (width<=650px){.site-monitoring{padding:16px}.site-header{flex-direction:column;gap:8px}.site-tabs{flex-direction:column}.site-tabs .tab{text-align:center;width:100%}}.add-device-section{background:#0f172a;border:1px solid #1f2937;border-radius:12px;margin-top:24px;padding:20px}.btn-add-device{color:#e5e7eb;cursor:pointer;background:#1e3a5f;border:1px solid #3b82f6;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600}.btn-add-device:hover{background:#1e4976}.add-device-form{background:#0f172a;border:1px solid #3b82f6;border-radius:8px;margin-top:20px;padding:20px}.add-device-form h4{color:#f3f4f6;margin-bottom:16px;font-size:14px;font-weight:700}.add-device-error{color:#fca5a5;background:#32161b;border:1px solid #7f1d1d;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:12px}.form-row{margin-bottom:14px}.form-row label{color:#9ca3af;margin-bottom:6px;font-size:12px;display:block}.form-row input,.form-row select{color:#e5e7eb;background:#111827;border:1px solid #1f2937;border-radius:6px;width:100%;padding:10px 12px;font-size:13px}.form-row input:focus,.form-row select:focus{border-color:#3b82f6;outline:none}.form-row input[type=checkbox]{width:auto;margin-right:8px}.form-actions{gap:10px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:6px;flex:1;padding:10px 18px;font-size:13px;font-weight:600}.btn-primary{color:#fff;background:#3b82f6;border:none}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{color:#6b7280;cursor:not-allowed;background:#1e3a5f}.btn-secondary{color:#9ca3af;background:#111827;border:1px solid #1f2937}.btn-secondary:hover{color:#e5e7eb;background:#1f2937}.device-list-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.device-list-view .card{border-left:3px solid #3b82f6}.device-list-view .card .subtitle{color:#6b7280;font-size:12px}.device-status-text{color:#9ca3af;margin-left:8px;font-size:12px}.device-snmp{color:#6b7280;margin-left:12px;font-size:11px}.device-nav{flex-wrap:wrap;gap:10px;margin-top:16px;margin-bottom:24px;display:flex}.device-nav-item{color:#9ca3af;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.device-nav-item:hover{color:#e5e7eb;background:#1f2937}.device-nav-item.active{color:#e5e7eb;background:#1e3a5f;border-color:#3b82f6}.chart-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chart-selector .tab{color:#9ca3af;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:6px;padding:8px 16px;font-size:12px}.chart-selector .tab.active{color:#e5e7eb;background:#1e3a5f;border-color:#3b82f6}.traffic-overview,.per-device-traffic,.per-interface-traffic{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.traffic-stats,.client-stats,.interface-stats{background:#0f172a;border-radius:8px;margin-top:12px;padding:16px}.stat-row,.client-stat{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.stat-row:last-child,.client-stat:last-child{border-bottom:none}.stat-row:not(:last-child),.client-stat:not(:last-child){border-bottom:1px solid #1f2937}.value{color:#e5e7eb;font-weight:600}.client-stat-label{color:#6b7280;font-size:11px}.client-stat-value{color:#e5e7eb;margin:4px 0;font-size:22px;font-weight:700}.client-stat-sub{color:#6b7280;font-size:10px}.network-diagram-container{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:20px;overflow-x:auto}.network-svg{width:100%;min-height:200px}.network-legend{background:#0f172a;border-radius:8px;justify-content:center;gap:24px;margin-top:16px;padding:12px;display:flex}.legend-item{color:#9ca3af;align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.online{background:#22c55e}.legend-dot.offline{background:#ef4444}.legend-divider{background:#1f2937;width:1px;height:16px}.legend-icon{border-radius:3px;width:14px;height:14px}.legend-icon.mikrotik{background:#0d2a1c;border:2px solid #22c55e}.legend-icon.device{background:#111827;border:1.5px solid #3b82f6}.incident-panel{padding:16px}.incident-alert{background:#32161b;border:1px solid #7f1d1d;border-radius:8px;margin-top:12px;padding:16px}.incident-title{color:#fca5a5;margin-bottom:12px;font-size:13px;font-weight:700}.incident-item{border-bottom:1px solid #450a0a;padding:10px 0}.incident-item:last-child{border-bottom:none}.incident-type{color:#fca5a5;text-transform:uppercase;font-size:12px;font-weight:700}.incident-message{color:#e5e7eb;margin-top:4px;font-size:13px}.incident-time{color:#6b7280;margin-top:6px;font-size:11px}.no-incidents{color:#22c55e;margin-top:12px;font-size:13px}.device-status{padding:8px 0}.device-status-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.device-status-row span:first-child{color:#6b7280}.device-status-row strong{color:#e5e7eb}.device-interfaces{border-top:1px solid #1f2937;margin-top:12px;padding-top:12px}.iface-row{align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.iface-name{color:#9ca3af;flex:1}.iface-rx,.iface-tx{color:#6b7280;font-size:11px}.empty-panel{text-align:center;color:#6b7280;padding:40px;font-size:13px}.card{background:#0f172a;border:1px solid #1f2937;border-radius:10px;margin-bottom:12px;padding:18px 20px}.card-title{color:#f3f4f6;margin-bottom:8px;font-size:14px;font-weight:700}.card-value{color:#e5e7eb;font-size:24px;font-weight:700}.card-subtitle{color:#6b7280;margin-top:6px;font-size:12px}.device-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.device-dot.online{background:#22c55e}.device-dot.offline{background:#ef4444}.device-dot.unknown{background:#6b7280}.loading{color:#6b7280;background:#0f172a;border:1px solid #1f2937;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.spinner{border:3px solid #1f2937;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.site-header{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.site-title{color:#f3f4f6;font-size:24px;font-weight:700}.site-subtitle{color:#6b7280;margin-top:6px;font-size:13px}.site-last-update{color:#6b7280;font-size:11px}.site-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.site-tabs .tab{color:#9ca3af;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.site-tabs .tab:hover{color:#e5e7eb;background:#1f2937}.site-tabs .tab.active{color:#e5e7eb;background:#1e3a5f;border-color:#3b82f6}.site-content{animation:.3s fadeIn}.section-title{color:#f3f4f6;margin-top:24px;margin-bottom:12px;font-size:14px;font-weight:700}.section-subtitle{color:#6b7280;margin-top:4px;font-size:12px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-value{color:#e5e7eb;margin-top:4px;font-size:28px;font-weight:700}.summary-detail{color:#6b7280;margin-top:6px;font-size:12px}.badge{border-radius:4px;margin-right:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.online{color:#86efac;background:#0d2a1c}.badge.offline{color:#fca5a5;background:#32161b}@media (width<=900px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.summary-grid{grid-template-columns:1fr}}.app-shell{background:#0b1220;grid-template-columns:260px minmax(0,1fr);min-height:100vh;font-size:14px;line-height:1.5;display:grid}.sidebar{background:#101a2c;border-right:1px solid #243044;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 6px 26px;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;font-size:16px;font-weight:800;display:grid}.brand-title{color:#f8fafc;font-size:16px;font-weight:700}.brand-subtitle{color:#94a3b8;margin-top:3px;font-size:10px}.sidebar .menu{flex-direction:column;gap:6px;display:flex}.sidebar .menu-item{color:#aab9cf;cursor:pointer;overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:12px;padding:11px 14px;display:flex}.sidebar .menu-item:hover{color:#fff;background:#1b2940}.sidebar .menu-item.active{color:#93c5fd;background:#17345b}.menu-icon{text-align:center;flex:0 0 20px}.sidebar .menu-sites{border-top:1px solid #243044;margin-top:24px;padding-top:18px}.sidebar .menu-section-title{color:#94a3b8;letter-spacing:.1em;padding:0 14px 10px;font-size:10px}.sidebar-footer{margin-top:auto;padding-top:28px}.user-info{border-top:1px solid #243044;align-items:center;gap:12px;padding:16px 8px 0;display:flex}.user-avatar{background:#25334d;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.user-name{font-size:13px;font-weight:600}.logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:18px;transition:all .2s}.logout-btn:hover{color:#f8fafc;background:#243044}.main-content{min-width:0;padding:32px}.main-content h1{margin:0 0 8px;font-size:clamp(24px,3vw,32px);line-height:1.25}.main-content .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.main-content .summary-grid>*{min-width:0}.main-content .card-subtitle,.main-content .summary-detail{color:#94a3b8}@media (width<=1100px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.main-content{padding:24px}.main-content .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-bottom:1px solid #243044;border-right:0;height:auto;padding:16px;position:static}.brand{padding-bottom:16px}.sidebar .menu{flex-flow:wrap}.sidebar .menu-section-title{width:100%}.sidebar-footer{padding-top:16px}.main-content{padding:20px 16px}}@media (width<=480px){.main-content .summary-grid{grid-template-columns:minmax(0,1fr)}}.login-shell{background:#0b1220;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#101a2c;border:1px solid #243044;border-radius:14px;width:100%;max-width:400px;padding:40px 32px}.login-brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-logo{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.login-title{color:#f8fafc;font-size:18px;font-weight:700}.login-subtitle{color:#94a3b8;margin-top:3px;font-size:12px}.login-form .form-group{margin-bottom:18px}.login-form label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-form input{color:#f8fafc;background:#1b2940;border:1px solid #243044;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s}.login-form input:focus{border-color:#3b82f6}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.login-btn:hover:not(:disabled){background:#1d4ed8}.login-btn:disabled{color:#64748b;cursor:not-allowed;background:#1e3a5f}.login-error{color:#fca5a5;background:#32161b;border:1px solid #7f1d1d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.pd-overview-stats{display:none}