/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#f5f8ff;font-synthesis:none;text-rendering:optimizelegibility;color-scheme:dark;background:#071121;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}html{background:#071121}body{background:#071121;min-height:100vh;overflow-x:hidden}.auth-page{background:radial-gradient(circle at 50% 5%,#173968,#0000 42%),#071121;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#0c192cf5;border:1px solid #254164;border-radius:18px;width:min(420px,100%);padding:34px;box-shadow:0 24px 60px #00000052}.auth-mark{color:#fff;background:linear-gradient(145deg,#268dff,#0b68db);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.auth-card h1{margin:18px 0 6px;font-size:24px}.auth-card>p{color:#9baec6;margin:0 0 24px;font-size:13px;line-height:1.5}.auth-card form{gap:15px;display:grid}.auth-card label{color:#c9d7e9;gap:7px;font-size:12px;font-weight:650;display:grid}.auth-card input{color:#f5f8ff;background:#09182b;border:1px solid #294563;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px}.auth-card input:focus{border-color:#268dff;box-shadow:0 0 0 3px #268dff26}.auth-primary{color:#fff;background:#1679e5;border-radius:8px;height:43px;margin-top:4px;font-size:13px;font-weight:750}.auth-primary:disabled{opacity:.65;cursor:wait}.auth-link{color:#78b6ff;background:0 0;padding:3px;font-size:12px}.auth-message{color:#b9d7fb!important;margin:18px 0 0!important}button,select,input{font:inherit}button,select{cursor:pointer}button{border:0}svg{display:block}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#071222}::-webkit-scrollbar-thumb{background:#25344b;border-radius:999px}.app-shell{background:#0c1527;min-height:100vh}.page-wrapper{min-height:100vh;margin-left:244px}.sidebar{z-index:60;color:#dfe8f7;background:linear-gradient(#0e1a2e,#0d1a2f 48%,#0a172a);border-right:1px solid #172943;flex-direction:column;width:218px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #2a3d5866;align-items:center;gap:10px;height:54px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#268dff,#0b68db);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:flex;box-shadow:0 0 18px #1980ff42}.sidebar-close{color:#9cabbe;background:0 0;margin-left:auto;display:none}.sidebar-scroll{flex:1;padding:18px 10px 12px;overflow-y:auto}.menu-label{color:#8190a7;margin:2px 0 8px;padding:0 10px;font-size:11px}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{color:#d6deeb;background:0 0;border-radius:7px;align-items:center;gap:13px;width:100%;height:40px;padding:0 13px;transition:all .16s;display:flex;position:relative}.nav-title{text-align:left;flex:1;font-size:14px}.alert-badge{color:#fff;background:#fb3a49;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:19px;padding:0 7px;font-size:10px;font-weight:700;display:flex}.sidebar-divider{background:#1b2a40;height:1px;margin:18px 10px}.system-card{background:linear-gradient(145deg,#13243cf2,#101f34fa);border:1px solid #24334a;border-radius:8px;margin:38px 9px 0;padding:14px 15px}.system-title{color:#f1f5fb;margin-bottom:8px;font-size:12px;font-weight:600}.system-operational{color:#00df7f;align-items:center;gap:6px;margin-bottom:22px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#00dc82;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block;box-shadow:0 0 8px #00dc8238}.status-dot.offline{background:#ff4655}.system-row{color:#b4c0d3;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}.system-row strong{color:#00dd80}.system-row b{color:#cfd8e7;font-weight:500}.admin-block{width:100%;min-height:97px;color:inherit;text-align:left;background:#05101f38;border-top:1px solid #1b2940;align-items:center;gap:10px;padding:14px 20px;display:flex}.admin-avatar{color:#b7c4d7;position:relative}.avatar-online{background:#04dd81;border:2px solid #0c1a2f;border-radius:50%;width:8px;height:8px;position:absolute;bottom:3px;right:0}.admin-info{flex-direction:column;flex:1;display:flex}@media(min-width:1281px){.app-shell.sidebar-collapsed .sidebar{width:68px}.app-shell.sidebar-collapsed .page-wrapper{margin-left:68px}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.app-shell.sidebar-collapsed .sidebar-brand>span,.app-shell.sidebar-collapsed .menu-label,.app-shell.sidebar-collapsed .nav-title,.app-shell.sidebar-collapsed .alert-badge,.app-shell.sidebar-collapsed .sidebar-divider,.app-shell.sidebar-collapsed .admin-info{display:none}.app-shell.sidebar-collapsed .sidebar-scroll{padding:18px 10px}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0}.app-shell.sidebar-collapsed .admin-block{justify-content:center;padding:14px 0}}.admin-info strong{font-size:12px}.admin-info span{color:#9ba9bd;margin-top:2px;font-size:11px}.admin-chevron{color:#8e9bb0}.top-header{z-index:40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#090f1df5;border-bottom:1px solid #18263c;align-items:center;gap:24px;min-height:84px;padding:0 26px;display:flex;position:sticky;top:0}.header-right{align-items:center;display:flex}.menu-trigger{color:#bcc7d8;background:0 0}.breadcrumb{color:#a9b5c8;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb-active{color:#188bff}.search-box{color:#98a6bb;background:#0a1729;border:1px solid #223149;border-radius:8px;align-items:center;gap:9px;width:200px;height:36px;padding:0 11px;font-size:11px;display:flex}.search-box kbd{color:#78869a;margin-left:auto;font-size:9px}.icon-button{color:#c8d1de;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:36px;display:flex;position:relative}.icon-button:hover{background:#0c192b}.notification-count{color:#fff;background:#f23845;border:2px solid #071121;border-radius:50px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-3px}.clock-box{background:#0c192c;border:1px solid #1b2940;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:92px;height:39px;padding:0 12px;display:flex}.clock-box strong{font-size:11px}.clock-box span{color:#8d9bb0;margin-top:1px;font-size:9px}.install-mini{color:#d7e8ff;background:#123464;border:1px solid #1f4f8c;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:10px;display:flex}.page-heading{flex:1;justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.page-heading h1{color:#f4f7fc;letter-spacing:-.45px;margin:0;font-size:23px;font-weight:700;line-height:29px}.page-heading p{color:#91a0b5;margin:4px 0 0;font-size:12px;line-height:17px}.heading-controls{justify-content:flex-end;align-items:center;gap:17px;display:flex}.realtime-box{background:#0c192d;border:1px solid #26354c;border-radius:9px;flex-direction:column;justify-content:center;width:176px;min-width:176px;height:60px;padding:0 13px;display:flex}.realtime-title{color:#fff;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.realtime-update{color:#8697af;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.auto-refresh-button,.refresh-select,.fullscreen-button{color:#e0e7f1;background:#0b192c;border:1px solid #24344c;border-radius:8px;height:42px}.auto-refresh-button{justify-content:center;align-items:center;gap:8px;width:159px;padding:0 12px;font-size:11px;display:flex}.auto-refresh-button svg{color:#188bff}.toggle{background:#334258;border-radius:20px;width:30px;height:17px;margin-left:3px;display:inline-block;position:relative}.toggle span{background:#e4e8ef;border-radius:50%;width:11px;height:11px;transition:all .18s;position:absolute;top:3px;left:3px}.toggle-on{background:#00c96f}.toggle-on span{left:16px}.refresh-select{outline:none;width:91px;padding:0 12px;font-size:11px}.fullscreen-button{justify-content:center;align-items:center;width:50px;display:flex}.kpi-grid{grid-template-columns:1.06fr 1fr 1fr 1.29fr;gap:14px;height:110px;margin:0 0 14px;display:grid}.kpi-card{background:linear-gradient(145deg,#0f1d33,#0e1a2e);border:1px solid #182942;border-radius:9px;align-items:center;min-width:0;height:110px;padding:15px;display:flex;position:relative;overflow:hidden}.kpi-grid:has(.kpi-summary-card){height:auto;display:block}.kpi-summary-card{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:92px;padding:0;display:grid}.kpi-summary-item{align-items:center;min-width:0;height:100%;padding:14px 20px;display:flex}.kpi-summary-item+.kpi-summary-item{border-left:1px solid #1b2d48}.kpi-summary-item .kpi-icon{margin-right:13px}.kpi-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;margin-right:14px;display:flex}.kpi-purple{color:#c5b5ff;background:linear-gradient(145deg,#5b2fcf,#4525aa);box-shadow:0 0 20px #6531d640}.kpi-green{color:#adffd9;background:linear-gradient(145deg,#059d61,#00794d);box-shadow:0 0 20px #00cb7b38}.kpi-blue{color:#9fd3ff;background:linear-gradient(145deg,#146dcb,#0d549f)}.kpi-orange{color:#ffe1c3;background:linear-gradient(145deg,#d65321,#a83214);box-shadow:0 0 18px #ff5c232e}.kpi-content{min-width:90px}.kpi-label{color:#a9b7ca;font-size:12px}.alert-label{color:#ffd0d4}.kpi-value{color:#f8faff;margin-top:3px;font-size:27px;font-weight:740;line-height:1.08}.kpi-subtitle{color:#9aa8bc;margin-top:4px;font-size:10px}.trend-area{width:88px;margin-left:auto}.trend-positive{text-align:right;color:#00dc79;margin-bottom:12px;font-size:10px;font-weight:700}.trend-area svg{width:100%;height:35px}.alert-trend{width:150px;margin-left:auto}.alert-trend button{color:#1b92ff;background:0 0;align-items:center;gap:2px;margin:0 0 14px auto;font-size:10px;display:flex}.alert-trend svg{width:100%;height:33px}.interface-summary{background:linear-gradient(145deg,#101e36,#0e1a2f);border:1px solid #1a2c47;border-radius:9px;margin-bottom:14px;padding:13px;overflow:hidden;box-shadow:inset 0 1px #ffffff03}.summary-table-wrap{overflow-x:auto}.interface-summary>.summary-table-wrap{display:none}.interface-summary-grid{gap:10px;display:grid}.interface-summary-grid.summary-columns-1{grid-template-columns:minmax(0,1fr)}.interface-summary-grid.summary-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.interface-summary-grid.summary-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.interface-summary-grid.summary-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.interface-summary-grid.summary-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.interface-summary-grid.summary-columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.summary-interface-card{background:#101d32;border:1px solid #1d304d;border-radius:8px;min-width:0;padding:11px;container-type:inline-size}.summary-card-heading{align-items:center;gap:8px;min-width:0;display:flex}.summary-index{color:#b8c7d9;background:#293d59;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.summary-interface-name{flex:1;min-width:0}.summary-interface-name strong,.summary-interface-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-interface-name strong{color:#edf3fc;font-size:10px}.summary-interface-name small{color:#8fa1ba;margin-top:3px;font-size:9px}.summary-card-heading .summary-status{flex:none}.summary-card-remove{color:#afbdd0;background:0 0;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid}.summary-card-remove:hover{color:#ff9aa3;background:#eb465326}.summary-card-metrics{border-top:1px solid #1d304d;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:10px;display:grid}.summary-card-metrics div{min-width:0}.summary-card-metrics small,.summary-card-metrics strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-card-metrics small{color:#8396ae;font-size:8px}.summary-card-metrics strong{color:#d4dfed;margin-top:4px;font-size:10px}.summary-card-metrics .summary-rx strong{color:#09a9ff}.summary-card-metrics .summary-tx strong{color:#9959ff}.summary-card-body{grid-template-columns:minmax(145px,.85fr) minmax(150px,1.15fr);align-items:center;gap:10px;margin-top:9px;display:grid}.summary-card-body .summary-rpm-group{margin-top:0}.summary-live-traffic{background:#0e1b30;border:1px solid #1d304d;border-radius:7px;min-width:0;padding:8px}.summary-live-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.summary-live-values div{background:#14233d;border-radius:5px;min-width:0;padding:6px}.summary-live-values small,.summary-live-values strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-live-values small{color:#a6b6ca;font-size:8px}.summary-live-values strong{margin-top:4px;font-size:10px}.summary-live-values .summary-rx{color:#09a9ff}.summary-live-values .summary-tx{color:#9959ff}.summary-live-chart{background-image:linear-gradient(#738ba926 1px,#0000 1px);background-size:100% 50%;height:56px;margin-top:7px}.summary-live-chart svg{width:100%;height:100%}@container (max-width:350px){.summary-card-body{grid-template-columns:1fr}.summary-live-traffic{order:-1}.summary-rpm-group{justify-content:center}}.summary-card-body{grid-template-columns:minmax(375px,1.65fr) minmax(145px,.35fr);gap:12px}.summary-rpm-group{flex-wrap:wrap;gap:18px}.summary-rpm{width:180px;height:150px}.summary-rpm-face{width:172px;height:172px;left:4px;transform:none}.summary-rpm-value{top:84px}.summary-live-traffic{padding:7px}.summary-live-values{gap:4px}.summary-live-values div{padding:5px}.summary-live-title{color:#cdd9e7;justify-content:space-between;margin-top:6px;font-size:8px;font-weight:600;display:flex}.summary-live-title span{color:#9fb1c8;font-weight:500}.summary-live-chart{cursor:crosshair;background:0 0;height:70px;margin-top:4px;position:relative}.summary-live-time{color:#8194ac;justify-content:space-between;margin-top:3px;font-size:7px;display:flex}.summary-chart-tooltip{z-index:3;color:#dce8f6;pointer-events:none;background:#081425f0;border:1px solid #315176;border-radius:5px;flex-direction:column;gap:2px;min-width:92px;padding:5px 6px;font-size:8px;display:flex;position:absolute;top:6px;right:6px}.summary-chart-tooltip strong{color:#fff;font-size:8px}.summary-chart-tooltip span:nth-child(2){color:#36b3ff}.summary-chart-tooltip span:nth-child(3){color:#a979ff}@container (max-width:550px){.summary-card-body{grid-template-columns:1fr}.summary-live-traffic{order:-1}.summary-rpm-group{justify-content:center}}.summary-columns-4 .summary-rpm,.summary-columns-6 .summary-rpm,.summary-columns-8 .summary-rpm{width:150px;height:126px}.summary-columns-4 .summary-rpm-face,.summary-columns-6 .summary-rpm-face,.summary-columns-8 .summary-rpm-face{width:142px;height:142px}.summary-columns-4 .summary-rpm-value,.summary-columns-6 .summary-rpm-value,.summary-columns-8 .summary-rpm-value{top:68px}.summary-card-body{grid-template-columns:minmax(305px,1.15fr) minmax(145px,.85fr)}.summary-rpm-group{flex-wrap:wrap;justify-content:center;gap:10px}.summary-rpm,.summary-columns-4 .summary-rpm,.summary-columns-6 .summary-rpm,.summary-columns-8 .summary-rpm{width:145px;height:118px}.summary-rpm-face,.summary-columns-4 .summary-rpm-face,.summary-columns-6 .summary-rpm-face,.summary-columns-8 .summary-rpm-face{background:repeating-conic-gradient(from 270deg,#b3cae8bf 0deg 1deg,transparent 1deg 9deg),conic-gradient(from 270deg,var(--gauge-color) 0deg var(--angle),#273b58 var(--angle) 180deg,transparent 180deg);width:131px;height:131px;left:7px;transform:none}.summary-rpm-face:after{top:13px;right:13px;bottom:13px;left:13px}.summary-rpm-needle{height:49px}.summary-rpm-needle:after{width:11px;height:11px}.summary-rpm-value,.summary-columns-4 .summary-rpm-value,.summary-columns-6 .summary-rpm-value,.summary-columns-8 .summary-rpm-value{top:55px}.summary-rpm-value small{font-size:9px}.summary-rpm-value strong{max-width:125px;font-size:15px}.summary-bar-charts,.split-bar-charts,.global-split-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:100%;display:grid}.bar-chart-panel{background:#0000001f;border:1px solid #859dbc3d;border-radius:5px;grid-template-rows:auto 1fr;gap:3px;min-width:0;padding:4px;display:grid}.bar-chart-panel small{text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700;overflow:hidden}.bar-chart-panel.bar-rx small{color:#138eff}.bar-chart-panel.bar-tx small{color:#9254ff}.bar-chart-panel svg{background-image:linear-gradient(#859dbc40 1px,#0000 1px);background-size:100% 50%;width:100%;height:100%;min-height:0}.summary-live-chart{height:70px}.chart-inner .split-bar-charts{height:84px}.chart-inner>.split-bar-charts .bar-chart-panel svg{height:70px!important}.global-card{height:220px}.global-chart{height:145px}.global-svg-box{height:125px}.global-split-bars{height:120px}.global-split-bars .bar-chart-panel svg{height:102px!important}@container (max-width:560px){.summary-card-body{grid-template-columns:1fr}.summary-live-traffic{order:-1}.summary-rpm-group{justify-content:center}}.summary-rpm-group{justify-content:space-around;gap:6px;margin-top:9px;display:flex}.summary-rpm{width:86px;height:70px;position:relative;overflow:hidden}.summary-rpm-face{background:repeating-conic-gradient(from 270deg,#b3cae8b3 0deg 1deg,transparent 1deg 12deg),conic-gradient(from 270deg,var(--gauge-color) 0deg var(--angle),#273b58 var(--angle) 180deg,transparent 180deg);border-radius:50%;width:76px;height:76px;position:absolute;top:0;left:5px}.summary-rpm-face:after{content:"";background:#101d32;border-radius:50%;position:absolute;top:9px;right:9px;bottom:9px;left:9px}.summary-rpm-needle{z-index:1;transform-origin:50% 100%;width:2px;height:27px;transform:rotate(calc(-90deg + var(--angle)));background:#f4f7fc;border-radius:4px;position:absolute;bottom:50%;left:50%}.summary-rpm-needle:after{content:"";background:var(--gauge-color);border:1px solid #101d32;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.summary-rpm-value{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:35px;left:0;right:0}.summary-rpm-value small{color:#98aabd;font-size:7px}.summary-rpm-value strong{color:#edf3fc;text-overflow:ellipsis;white-space:nowrap;max-width:82px;margin-top:3px;font-size:9px;overflow:hidden}.summary-card-footer{color:#92a4ba;border-top:1px solid #1d304d;align-items:center;gap:6px;padding-top:7px;font-size:8px;display:flex}.summary-card-footer strong{color:#d6e0eb;font-size:9px}.summary-card-footer span{color:#72859e;margin-left:auto;font-size:7px}.interface-summary-grid.summary-columns-4 .summary-rpm-group,.interface-summary-grid.summary-columns-6 .summary-rpm-group,.interface-summary-grid.summary-columns-8 .summary-rpm-group{flex-wrap:nowrap;justify-content:center;gap:3px}.interface-summary-grid.summary-columns-4 .summary-rpm,.interface-summary-grid.summary-columns-6 .summary-rpm,.interface-summary-grid.summary-columns-8 .summary-rpm{flex:0 86px;width:clamp(58px,30cqi,74px);min-width:0;height:clamp(48px,25cqi,61px)}.interface-summary-grid.summary-columns-4 .summary-rpm-face,.interface-summary-grid.summary-columns-6 .summary-rpm-face,.interface-summary-grid.summary-columns-8 .summary-rpm-face{width:clamp(52px,27cqi,66px);height:clamp(52px,27cqi,66px);left:50%;transform:translate(-50%)}.interface-summary-grid.summary-columns-4 .summary-rpm-face:after,.interface-summary-grid.summary-columns-6 .summary-rpm-face:after,.interface-summary-grid.summary-columns-8 .summary-rpm-face:after{inset:clamp(6px,3cqi,8px)}.interface-summary-grid.summary-columns-4 .summary-rpm-needle,.interface-summary-grid.summary-columns-6 .summary-rpm-needle,.interface-summary-grid.summary-columns-8 .summary-rpm-needle{height:clamp(19px,10cqi,24px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value,.interface-summary-grid.summary-columns-6 .summary-rpm-value,.interface-summary-grid.summary-columns-8 .summary-rpm-value{top:clamp(25px,13cqi,31px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value small,.interface-summary-grid.summary-columns-6 .summary-rpm-value small,.interface-summary-grid.summary-columns-8 .summary-rpm-value small{font-size:clamp(6px,2.6cqi,8px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value strong,.interface-summary-grid.summary-columns-6 .summary-rpm-value strong,.interface-summary-grid.summary-columns-8 .summary-rpm-value strong{max-width:clamp(54px,28cqi,70px);font-size:clamp(7px,3cqi,9px)}.interface-summary-grid.summary-columns-1 .summary-rpm-group{flex-wrap:nowrap;justify-content:center;gap:clamp(10px,2cqi,24px)}.interface-summary-grid.summary-columns-1 .summary-rpm{width:clamp(92px,20cqi,190px);height:clamp(76px,17cqi,158px)}.interface-summary-grid.summary-columns-1 .summary-rpm-face{width:clamp(85px,19cqi,180px);height:clamp(85px,19cqi,180px);left:50%;transform:translate(-50%)}.interface-summary-grid.summary-columns-1 .summary-rpm-face:after{inset:clamp(9px,2cqi,18px)}.interface-summary-grid.summary-columns-1 .summary-rpm-needle{height:clamp(30px,7cqi,68px)}.interface-summary-grid.summary-columns-1 .summary-rpm-value{top:clamp(40px,9cqi,85px)}.interface-summary-grid.summary-columns-1 .summary-rpm-value small{font-size:clamp(8px,1cqi,11px)}.interface-summary-grid.summary-columns-1 .summary-rpm-value strong{max-width:clamp(85px,18cqi,175px);font-size:clamp(11px,1.5cqi,17px)}.interface-summary-grid.summary-columns-2 .summary-rpm-group,.interface-summary-grid.summary-columns-6 .summary-rpm-group{flex-wrap:nowrap;justify-content:center}.interface-summary-grid.summary-columns-2 .summary-rpm-face{width:clamp(85px,21cqi,162px);height:clamp(85px,21cqi,162px);left:50%;transform:translate(-50%)}.interface-summary-grid.summary-columns-6 .summary-rpm{width:clamp(48px,25cqi,62px);height:clamp(40px,21cqi,51px)}.interface-summary-grid.summary-columns-6 .summary-rpm-face{width:clamp(44px,23cqi,56px);height:clamp(44px,23cqi,56px);left:50%;transform:translate(-50%)}.interface-summary-grid.summary-columns-6 .summary-rpm-face:after{inset:clamp(5px,2.4cqi,7px)}.interface-summary-grid.summary-columns-6 .summary-rpm-needle{height:clamp(16px,8cqi,21px)}.interface-summary-grid.summary-columns-6 .summary-rpm-value{top:clamp(21px,11cqi,27px)}.interface-summary-grid.summary-columns-6 .summary-rpm-value small{font-size:clamp(5px,2.3cqi,7px)}.interface-summary-grid.summary-columns-6 .summary-rpm-value strong{max-width:clamp(44px,24cqi,58px);font-size:clamp(6px,2.7cqi,8px)}.interface-summary-grid.summary-columns-2 .summary-card-body{grid-template-columns:1fr}.interface-summary-grid.summary-columns-2 .summary-rpm{width:clamp(70px,46cqi,360px);height:clamp(58px,38cqi,298px)}.interface-summary-grid.summary-columns-2 .summary-rpm-face{width:clamp(64px,43cqi,344px);height:clamp(64px,43cqi,344px)}.interface-summary-grid.summary-columns-2 .summary-rpm-face:after{inset:clamp(7px,4.5cqi,32px)}.interface-summary-grid.summary-columns-2 .summary-rpm-needle{height:clamp(23px,15cqi,124px)}.interface-summary-grid.summary-columns-2 .summary-rpm-value{top:clamp(30px,18cqi,158px)}.interface-summary-grid.summary-columns-2 .summary-rpm-value small{font-size:clamp(6px,2.3cqi,16px)}.interface-summary-grid.summary-columns-2 .summary-rpm-value strong{max-width:clamp(62px,41cqi,330px);font-size:clamp(8px,3.4cqi,25px)}.interface-summary-grid.summary-columns-4 .summary-rpm{flex:0 auto;width:clamp(64px,44cqi,128px);height:clamp(53px,36cqi,106px)}.interface-summary-grid.summary-columns-4 .summary-rpm-face{width:clamp(58px,41cqi,120px);height:clamp(58px,41cqi,120px)}.interface-summary-grid.summary-columns-4 .summary-rpm-face:after{inset:clamp(6px,4cqi,12px)}.interface-summary-grid.summary-columns-4 .summary-rpm-needle{height:clamp(21px,14cqi,43px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value{top:clamp(28px,17cqi,55px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value small{font-size:clamp(6px,2cqi,9px)}.interface-summary-grid.summary-columns-4 .summary-rpm-value strong{max-width:clamp(56px,39cqi,115px);font-size:clamp(8px,2.8cqi,13px)}.summary-interface-card .summary-live-values{gap:clamp(6px,1.2cqi,12px)}.summary-interface-card .summary-live-values div{min-height:clamp(54px,10cqi,92px);padding:clamp(8px,1.8cqi,15px)}.summary-interface-card .summary-live-values small{font-size:clamp(9px,2.5cqi,18px)}.summary-interface-card .summary-live-values strong{margin-top:clamp(5px,1cqi,9px);font-size:clamp(16px,6cqi,30px)}.summary-interface-card .summary-bar-charts{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px}.summary-bar-scale{color:#c8d3e0;text-align:center;white-space:nowrap;flex-direction:column;justify-content:space-between;min-width:clamp(40px,10cqi,72px);padding:2px 0;font-size:clamp(5px,1.7cqi,9px);font-weight:650;line-height:1;display:flex}.summary-rpm-tick{--tick-angle:calc(270deg + var(--tick-index) * 18deg);--tick-radius:clamp(16px, 17cqi, 145px);z-index:3;color:#e4edf8;text-shadow:0 1px 3px #000000e6;white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--tick-angle)) translateY(calc(var(--tick-radius) * -1)) rotate(calc(var(--tick-angle) * -1));pointer-events:none;background:#101d32c7;border-radius:3px;padding:1px 2px;font-size:clamp(4px,1.75cqi,10px);font-weight:800;line-height:1;position:absolute;top:50%;left:50%}.interface-summary-grid.summary-columns-1 .summary-rpm-tick{--tick-radius:clamp(18px, 7cqi, 75px)}.summary-card-footer{flex-wrap:wrap}.summary-footer-stat{align-items:baseline;gap:4px;min-width:0;display:inline-flex}.summary-footer-stat small{white-space:nowrap}.summary-footer-stat strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-footer-download strong{color:#3ab7ff}.summary-footer-upload strong{color:#ba8cff}.summary-card-footer .summary-rpm-scale{white-space:nowrap;margin-left:0}.summary-card-footer .summary-footer-stat{margin-left:auto}.summary-card-footer{gap:clamp(8px,1.8cqi,24px);padding-top:clamp(9px,1.5cqi,16px)}.summary-footer-stat{gap:clamp(4px,.7cqi,9px)}.summary-footer-stat small{font-size:clamp(7px,1.7cqi,18px);font-weight:650}.summary-footer-stat strong{font-size:clamp(10px,2.4cqi,27px);line-height:1}.summary-card-footer .summary-rpm-scale{font-size:clamp(7px,1.2cqi,14px)}.summary-rpm-packets{color:#aebed1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:clamp(6px,2.4cqi,16px);font-weight:700;line-height:1.15;display:block;overflow:hidden}.gauge-rx .summary-rpm-packets{color:#80cfff}.gauge-tx .summary-rpm-packets{color:#c5a6ff}.summary-packet-rate{text-overflow:ellipsis;white-space:nowrap;margin-top:clamp(3px,.7cqi,7px);font-size:clamp(6px,1.8cqi,14px);font-weight:700;line-height:1.15;display:block;overflow:hidden}.summary-packet-rate.summary-rx{color:#80cfff}.summary-packet-rate.summary-tx{color:#c5a6ff}.summary-live-values div{position:relative}.summary-total-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-size:clamp(7px,2.1cqi,16px);font-weight:800;line-height:1.15;position:absolute;top:clamp(6px,1.2cqi,12px);right:clamp(6px,1.2cqi,12px);overflow:hidden}.summary-total-value.summary-rx{color:#44baff}.summary-total-value.summary-tx{color:#bd90ff}.summary-live-values div{padding-bottom:clamp(18px,3.4cqi,30px)}.summary-drop-rate{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 12px);font-size:clamp(6px,1.55cqi,12px);font-weight:750;line-height:1;position:absolute;bottom:clamp(6px,1.2cqi,12px);right:clamp(6px,1.2cqi,12px);overflow:hidden}.summary-drop-rate.summary-rx{color:#80cfff}.summary-drop-rate.summary-tx{color:#c5a6ff}.summary-chart-hours-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;margin-top:4px;display:grid}.summary-chart-hours{grid-template-columns:repeat(var(--hour-count),minmax(0,1fr));color:#8fa2b9;text-align:center;font-size:clamp(5px,1.4cqi,10px);font-weight:700;line-height:1;display:grid}.summary-chart-hours-spacer{min-width:clamp(40px,10cqi,72px)}.summary-live-chart .bar-chart-panel svg{background-image:linear-gradient(90deg,#859dbc2e 1px,#0000 1px),linear-gradient(#859dbc40 1px,#0000 1px);background-size:calc(100% / var(--hour-count)) 100%,100% 50%}.summary-table{border-collapse:collapse;text-align:left;width:100%;min-width:850px;font-size:10px}.summary-table th{color:#8fa0b7;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #243650;padding:9px 10px;font-size:9px;font-weight:600}.summary-table td{color:#c9d4e3;white-space:nowrap;border-bottom:1px solid #1b2c45;padding:10px}.summary-table tbody tr:last-child td{border-bottom:0}.summary-table td strong,.summary-table td small{display:block}.summary-table td strong{color:#edf3fc;font-weight:600}.summary-table td small{color:#8e9eb5;margin-top:2px}.summary-status{color:#00e488;background:#00c7742e;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-block}.summary-status.offline{color:#ff9aa3;background:#eb465326}.summary-rx{font-weight:700;color:#09a9ff!important}.summary-tx{font-weight:700;color:#9959ff!important}.summary-empty{text-align:center;color:#98a8bf!important;padding:24px!important}.middle-layout{grid-template-columns:2.22fr 1fr;gap:14px;height:590px;display:grid}.middle-layout-without-interface{grid-template-columns:1fr}.interface-panel,.summary-card,.ranking-card,.device-status-card,.global-card{background:linear-gradient(145deg,#101e36,#0e1a2f);border:1px solid #1a2c47;box-shadow:inset 0 1px #ffffff03}.interface-panel{border-radius:9px;height:590px;padding:13px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;height:19px;margin:0 0 14px;display:flex}.interface-summary .panel-header{gap:12px;height:auto;min-height:42px;margin-bottom:10px}.summary-filter{color:#91a2b8;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.summary-filter select{color:#dce7f5;background:#0d1b30;border:1px solid #2a3d59;border-radius:7px;outline:none;min-width:58px;height:34px;padding:0 10px;font-size:11px}.summary-interface-filter{margin-left:auto}.summary-interface-filter select{width:min(265px,24vw);display:none}.summary-picker-trigger{color:#e6f1ff;background:#14243b;border:1px solid #789dca6b;border-radius:10px;height:34px;padding:0 13px;font-size:10px;font-weight:700}.app-shell:not(.theme-light) .summary-interface-filter select{color:#e6f1ff;color-scheme:dark;background:#14243b;border-color:#789dca6b}.app-shell:not(.theme-light) .summary-interface-filter select option{color:#e6f1ff;background:#14243b}.app-shell:not(.theme-light) .summary-interface-filter select option:disabled{color:#71839a}.summary-template-toolbar{background:#0a182b94;border:1px solid #1d304d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;padding:9px 10px;display:flex}.template-save-form{gap:6px;display:flex}.template-save-form input{color:#dce7f5;background:#0d1b30;border:1px solid #2a3d59;border-radius:6px;outline:none;width:155px;height:32px;padding:0 10px;font-size:10px}.template-save-form input:focus{border-color:#258cf6}.template-save-form button{color:#eaf4ff;background:#176ecb;border-radius:6px;height:32px;padding:0 12px;font-size:10px;font-weight:600}.template-message{color:#86a1be;font-size:9px}.template-list{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:180px;display:flex}.template-list>span{color:#8194ad;font-size:9px}.template-item{border:1px solid #2a3d59;border-radius:6px;display:flex;overflow:hidden}.template-load{color:#b7d8ff;text-overflow:ellipsis;white-space:nowrap;background:#142742;max-width:130px;padding:6px 8px;font-size:9px;overflow:hidden}.template-delete{color:#a8b7ca;background:#102039;place-items:center;width:24px;display:grid}.template-delete:hover{color:#ffadb4;background:#eb465333}.template-menu{position:relative}.template-menu-trigger{color:#cde4ff;background:#142742;border:1px solid #2a3d59;border-radius:7px;height:32px;padding:0 12px;font-size:10px;font-weight:700}.template-menu-popover{z-index:10;background:#101d32;border:1px solid #2a3d59;border-radius:10px;flex-direction:column;gap:9px;width:min(330px,100vw - 42px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 35px #00000052}.template-menu-popover .template-list{flex:none;min-width:0}.template-empty{color:#8194ad;font-size:9px}.template-menu-popover{display:none!important}.summary-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.summary-modal{color:#dce7f5;background:#101d32;border:1px solid #82a1c959;border-radius:18px;width:min(920px,100%);max-height:min(760px,100vh - 48px);padding:18px;overflow:auto;box-shadow:0 24px 70px #00000073}.summary-modal header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.summary-modal h3{color:#f3f7fc;margin:0;font-size:17px}.summary-modal p{color:#94a6bd;margin:0 0 14px;font-size:11px}.summary-modal-close{color:#dce7f5;background:#ffffff0f;border:1px solid #82a1c959;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.summary-interface-options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.summary-interface-options button{color:#dce7f5;text-align:left;background:#ffffff0a;border:1px solid #82a1c942;border-radius:12px;grid-template-columns:1fr auto;gap:4px 9px;padding:12px;display:grid}.summary-interface-options button:hover:not(:disabled){background:#0a84ff21;border-color:#0a84ff}.summary-interface-options button:disabled{opacity:.45;cursor:default}.summary-interface-options strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.summary-interface-options span{color:#8fa2b9;grid-column:1;font-size:10px}.summary-interface-options small{color:#7fc7ff;grid-area:1/2/span 2;align-self:center;font-size:9px}.summary-template-modal{width:min(620px,100%)}.summary-template-modal .template-list{flex:none;min-width:0}.summary-device-groups{gap:16px;display:grid}.summary-device-group{background:#ffffff06;border:1px solid #82a1c933;border-radius:14px;padding:13px}.summary-device-heading{border-bottom:1px solid #82a1c929;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:9px;display:flex}.summary-device-heading strong{color:#f1f6fc;font-size:13px}.summary-device-heading span{color:#7fc7ff;font-size:10px;font-weight:700}.summary-device-group .summary-interface-options{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.summary-device-group .summary-interface-options button{min-height:58px}.summary-device-group .summary-interface-options small{grid-row:1}.template-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.template-settings label{color:#90a2ba;gap:4px;font-size:8px;font-weight:650;display:grid}.template-settings select{color:#dce7f5;background:#0d1b30;border:1px solid #2a3d59;border-radius:6px;outline:none;width:100%;height:30px;padding:0 6px;font-size:9px}.theme-light .template-menu-trigger{color:#2466a8;background:#edf6ff;border-color:#d5e0ec}.theme-light .template-menu-popover{background:#fff;border-color:#d8e3ef;box-shadow:0 16px 35px #293f5b29}.theme-light .summary-picker-trigger{color:#2466a8;background:#edf6ff;border-color:#d5e0ec}.theme-light .summary-modal{color:#33465e;background:#fff;border-color:#d8e3ef;box-shadow:0 24px 70px #293f5b3d}.theme-light .summary-modal h3{color:#1d2d44}.theme-light .summary-modal p,.theme-light .summary-interface-options span{color:#657990}.theme-light .summary-modal-close{color:#40546d;background:#f5f8fb;border-color:#d5e0ec}.theme-light .summary-interface-options button{color:#33465e;background:#f8fbff;border-color:#d8e3ef}.theme-light .summary-device-group{background:#f8fbff;border-color:#d8e3ef}.theme-light .summary-device-heading{border-color:#d8e3ef}.theme-light .summary-device-heading strong{color:#33465e}.theme-light .template-settings select{color:#33465e;background:#f8fafc;border-color:#d5e0ec}.summary-template-modal{padding:26px}.summary-template-modal header{align-items:flex-start;margin-bottom:22px}.summary-template-modal header p{margin:5px 0 0}.summary-template-modal .template-settings{background:#ffffff09;border:1px solid #82a1c933;border-radius:12px;padding:14px}.summary-template-modal .template-settings label{gap:6px;font-size:10px}.summary-template-modal .template-settings select{border-radius:9px;height:38px;font-size:11px}.template-save-section{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:18px;display:grid}.template-save-section label{color:#90a2ba;gap:6px;font-size:10px;font-weight:700;display:grid}.template-save-section input{color:#e7f0fb;background:#0d1b30;border:1px solid #2a3d59;border-radius:10px;outline:none;height:40px;padding:0 12px;font-size:11px}.template-save-section input:focus{border-color:#0a84ff}.template-save-section button{color:#fff;background:#0a84ff;border-radius:10px;height:40px;padding:0 16px;font-size:11px;font-weight:750}.summary-template-modal .template-message{margin-top:8px;display:block}.template-library{border-top:1px solid #82a1c92e;margin-top:18px;padding-top:14px}.template-library-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.template-library-heading strong{color:#e7f0fb;font-size:11px}.template-library-heading span{color:#8fa2b9;font-size:10px}.summary-template-modal .template-list{flex:none;min-width:0;display:flex}.summary-template-modal .template-load{padding:8px 11px;font-size:10px}.summary-template-modal .template-delete{width:30px}.theme-light .summary-template-modal .template-settings{background:#f8fbff;border-color:#d8e3ef}.theme-light .template-save-section label{color:#657990}.theme-light .template-save-section input{color:#33465e;background:#fff;border-color:#d5e0ec}.theme-light .template-library{border-color:#d8e3ef}.theme-light .template-library-heading strong{color:#33465e}@media(max-width:560px){.summary-template-modal{padding:18px}.summary-template-modal .template-settings,.template-save-section{grid-template-columns:1fr}.template-save-section button{width:100%}.summary-template-modal .template-list{flex-wrap:wrap}}.panel-title-group{align-items:center;gap:10px;display:flex}.panel-title-group h2{color:#f5f7fb;margin:0;font-size:12px;font-weight:700}.panel-title-group span{color:#a6b5ca;background:#1a2b45;border-radius:20px;padding:4px 9px;font-size:9px}.blue-link{color:#1491ff;background:0 0;align-items:center;gap:1px;font-size:10px;display:flex}.interface-grid{grid-template-rows:282px 245px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:537px;display:grid}.interface-card{background:linear-gradient(145deg,#101e34,#0d192c);border:1px solid #1c304d;border-radius:8px;min-width:0;height:100%;padding:12px;overflow:hidden}.interface-header{justify-content:space-between;align-items:flex-start;gap:10px;min-height:41px;margin-bottom:10px;display:flex}.interface-name-box{min-width:0}.device-name{color:#8e9eb5;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:10px;display:flex;overflow:hidden}.small-running-dot{background:#00d876;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 5px #00d8761a}.interface-header h3{color:#f3f6fb;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:3px 0 0;font-size:14px;font-weight:720;line-height:18px;overflow:hidden}.running-pill{color:#00e488;background:#00c7742e;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:9px;font-weight:700}.traffic-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.traffic-value-box{background:#13213a;border-radius:6px;min-width:0;height:80px;padding:10px 12px}.traffic-label{color:#a6b4c7;font-size:10px}.traffic-value-box strong{margin-top:7px;font-size:20px;font-weight:760;line-height:1;display:block}.rx-value{color:#09a9ff}.tx-value{color:#9959ff}.traffic-value-box small{color:#b9c4d4;margin-top:6px;font-size:9px;display:block}.interface-chart{height:101px;margin-top:9px;display:flex;overflow:hidden}.interface-card:nth-child(n+3) .interface-chart{height:96px}.axis-labels{color:#aebacc;flex-direction:column;flex-shrink:0;justify-content:space-between;width:42px;padding:1px 0 16px;font-size:8px;display:flex}.chart-inner{background-image:linear-gradient(#738ba91f 1px,#0000 1px);background-size:100% 33%;flex:1;min-width:0;position:relative}.chart-inner svg{width:100%;height:82px}.interface-card:nth-child(n+3) .chart-inner svg{height:77px}.chart-time{color:#aab6c8;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.interface-footer{color:#91a0b5;justify-content:space-between;gap:8px;margin-top:7px;font-size:8px;display:flex}.interface-footer b{color:#d5deeb;font-weight:500}.right-column{grid-template-rows:213px 227px 122px;gap:14px;height:590px;display:grid}.summary-card,.ranking-card,.device-status-card{border-radius:9px;padding:14px;overflow:hidden}.summary-card h3,.ranking-card h3,.device-status-card h3{color:#f3f6fb;margin:0 0 15px;font-size:12px;font-weight:700}.summary-content{justify-content:space-around;align-items:center;gap:14px;height:151px;display:flex}.donut{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.donut-rx{background:conic-gradient(#178bff 0,#178bff 100%,#183250)}.donut-tx{background:conic-gradient(#8e51ff 0,#8e51ff 100%,#302052)}.traffic-gauge{flex-shrink:0;width:145px;height:118px;position:relative;overflow:hidden}.gauge-face{background:repeating-conic-gradient(from 270deg,#b3cae8bf 0deg 1deg,transparent 1deg 9deg),conic-gradient(from 270deg,var(--gauge-color) 0deg var(--angle),#273b58 var(--angle) 180deg,transparent 180deg);border-radius:50%;width:131px;height:131px;position:absolute;top:0;left:7px}.gauge-face:after{content:"";background:#101d32;border-radius:50%;position:absolute;top:13px;right:13px;bottom:13px;left:13px}.gauge-needle{z-index:1;transform-origin:50% 100%;width:2px;height:49px;transform:rotate(calc(-90deg + var(--angle)));background:#f4f7fc;border-radius:4px;transition:transform .45s;position:absolute;bottom:50%;left:50%;box-shadow:0 0 6px #ffffff8c}.gauge-needle:after{content:"";background:var(--gauge-color);border:2px solid #101d32;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.gauge-value{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:55px;left:0;right:0}.gauge-value small{color:#a6b6ca;font-size:9px}.gauge-value strong{color:#f5f8ff;white-space:nowrap;max-width:125px;margin-top:3px;font-size:15px;line-height:1}.gauge-value span{color:#8093ac;margin-top:5px;font-size:8px}.gauge-rx{--gauge-color:#178bff}.gauge-tx{--gauge-color:#8e51ff}.donut-center{text-align:center;background:#0a1729;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.donut-center small{color:#9ba9bd;font-size:10px}.donut-center strong{color:#f7f9fc;text-align:center;overflow-wrap:anywhere;max-width:76px;margin-top:4px;font-size:18px;font-weight:750;line-height:1.18}.donut-center span{color:#98a6b9;margin-top:3px;font-size:9px}.summary-legend{flex:1;min-width:0}.legend-row{background:#13213a;border:1px solid #1d304d;border-radius:7px;align-items:center;gap:9px;min-height:66px;padding:11px 12px;display:flex}.legend-row+.legend-row{margin-top:8px}.legend-row:last-child{border-bottom:1px solid #1d304d}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rx-dot{background:#198eff}.tx-dot{background:#8e51ff}.legend-row>div{flex-direction:column;flex:1;display:flex}.legend-row small{color:#9eabc0;font-size:9px}.legend-row strong{color:#f4f7fa;margin-top:3px;font-size:11px}.legend-row>b{color:#c7d0de;font-size:9px}.ranking-list{flex-direction:column;gap:14px;display:flex}.ranking-row{align-items:center;gap:8px;min-width:0;display:flex}.ranking-number{color:#d8e0eb;background:#3a4b63;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:8px;display:flex}.ranking-row strong{color:#eef2f8;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:9px;overflow:hidden}.ranking-traffic{align-items:center;gap:12px;font-size:9px;display:flex}.ranking-rx{color:#13a3ff}.ranking-tx{color:#9a5cff}.ranking-progress{background:#17283f;border-radius:10px;height:5px;margin:7px 0 0 25px;overflow:hidden}.ranking-progress span{background:linear-gradient(90deg,#168cff,#2164d0);border-radius:10px;height:100%;display:block}.ranking-link,.status-link{color:#178fff;background:0 0;justify-content:center;align-items:center;gap:1px;margin:14px auto 0;font-size:9px;display:flex}.device-status-card h3{margin-bottom:7px}.device-status-row{border-bottom:1px solid #1b2a40;justify-content:space-between;align-items:center;height:27px;padding:4px 0;font-size:10px;display:flex}.device-status-row>div{align-items:center;gap:8px;display:flex}.device-green-icon{color:#03e085;background:#00ce7521;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.device-status-row>span{color:#00e280;background:#00d0771f;border-radius:20px;padding:2px 8px}.status-link{margin-top:4px}.global-card{border-radius:9px;height:150px;margin-top:13px;padding:13px;overflow:hidden}.global-header{justify-content:space-between;align-items:flex-start;height:48px;display:flex}.global-header h3{margin:0;font-size:11px;font-weight:700}.global-legend{color:#9eaac0;gap:24px;margin-top:9px;font-size:8px;display:flex}.global-legend span{align-items:center;gap:7px;display:flex}.global-legend i{border-radius:50%;width:8px;height:8px}.global-rx-dot{background:#138eff}.global-tx-dot{background:#904eff}.range-buttons{background:#091527;border-radius:7px;gap:1px;padding:2px;display:flex}.range-buttons button{color:#8f9eb4;background:0 0;border-radius:6px;min-width:40px;height:28px;font-size:8px}.range-buttons button.active{color:#eaf2ff;background:linear-gradient(145deg,#143e7b,#123667)}.range-buttons .download-button{border-left:1px solid #1e2f47;border-radius:0;justify-content:center;align-items:center;min-width:34px;margin-left:7px;display:flex}.global-chart{height:75px;margin-top:1px;display:flex}.global-axis{color:#b0bccd;flex-direction:column;flex-shrink:0;justify-content:space-between;width:50px;padding:0 0 17px;font-size:8px;display:flex}.global-svg-box{background-image:linear-gradient(#6e85a11a 1px,#0000 1px);background-size:100% 50%;flex:1;min-width:0;position:relative}.global-svg-box svg{width:100%;height:59px}.global-time{color:#aab5c6;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-nav,.mobile-install-card,.mobile-overlay{display:none}.connection-error{color:#ffd4d8;background:#7d1e2b47;border:1px solid #7f3542;border-radius:8px;margin:0 0 14px;padding:11px 14px;font-size:12px}.empty-state{color:#98a8bf;text-align:center;place-items:center;height:calc(100% - 34px);padding:30px;font-size:12px;display:grid}.settings-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030a168f;justify-content:flex-end;padding:18px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.settings-panel{background:#101e35;border:1px solid #29415f;border-radius:12px;width:min(100%,430px);max-height:calc(100vh - 36px);padding:18px;overflow-y:auto;box-shadow:0 24px 70px #00000073}.settings-page .settings-panel{box-sizing:border-box;width:100%;max-height:none;box-shadow:none}.settings-page{max-width:none;margin:0;padding:0 0 34px}.settings-page .settings-panel{border-radius:18px;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.35fr);gap:18px;padding:22px;display:grid}.settings-page .settings-panel-header,.settings-page .theme-setting{grid-column:1/-1}.settings-page .settings-panel-header{padding-bottom:18px}.settings-page .settings-panel-header h2{font-size:22px}.settings-page .theme-setting{padding-top:0}.settings-page .settings-section{background:#00000024;border:1px solid #ffffff1c;border-radius:14px;margin:0;padding:18px}.settings-page .settings-section+.settings-section{margin-top:0}.settings-page .role-group-list{max-height:390px;padding-right:3px;overflow-y:auto}.settings-page .rbac-rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page .template-save-form{flex-wrap:wrap;margin-top:12px}.settings-page .template-save-form input{flex:140px}.role-rbac-rules{border-top:1px solid #ffffff1c;margin-top:22px;padding-top:20px}.settings-page .settings-panel{display:block}.settings-tabs{border-bottom:1px solid #ffffff1c;gap:8px;margin:0 0 18px;padding-bottom:14px;display:flex;overflow-x:auto}.settings-tabs button{color:#a9b8cc;background:#00000029;border:1px solid #ffffff1f;border-radius:9px;flex:none;padding:9px 13px;font-size:12px}.settings-tabs button:hover{border-color:#4679ab}.settings-tabs button.active{color:#fff;background:#176ecb;border-color:#1686ef}.settings-tab-search{color:#8dccff;background:#0000002e;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;height:40px;margin:-6px 0 16px;padding:0 11px;display:flex}.settings-tab-search input{color:#f5f7fb;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:11px}.settings-tab-search input::placeholder{color:#8999ad}.settings-tab-search button{color:#aebdce;background:#ffffff14;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.settings-tab-search button:hover{color:#fff;background:#ffffff29}.settings-page .settings-tab-content{max-width:none;min-height:320px;padding:22px}.settings-users{grid-template-columns:minmax(280px,.85fr) minmax(380px,1.15fr);gap:20px;display:grid}.settings-users .settings-section-heading,.settings-users .template-message{grid-column:1/-1}.settings-user-form{align-content:start;gap:12px;display:grid}.settings-user-form>label,.settings-user-form fieldset{color:#a9b8cc;gap:6px;font-size:11px;display:grid}.settings-user-form input{box-sizing:border-box;color:#e6eef9;background:#00000047;border:1px solid #ffffff21;border-radius:10px;width:100%;padding:10px}.settings-user-form fieldset{border:1px solid #ffffff21;border-radius:10px;margin:0;padding:11px}.settings-user-form legend{padding:0 4px}.settings-role-choice{color:#dce6f2;align-items:center;gap:8px;display:flex!important}.settings-role-choice input{width:15px}.settings-user-form button{justify-self:start}.settings-user-form-actions{justify-content:flex-end;gap:8px;display:flex}.settings-user-form-actions button:first-child{color:#c5cfdd;background:#ffffff14;border-radius:10px;height:38px;padding:0 13px}.settings-users:not(:has(.settings-user-form)) .settings-user-list{grid-column:1/-1}.settings-user-list{align-content:start;gap:8px;display:grid}.settings-user-row{background:#00000024;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.settings-user-row strong,.settings-user-row small{display:block}.settings-user-row strong{color:#e6eef9;font-size:12px}.settings-user-row small,.settings-user-row>span{color:#94a6bd;margin-top:3px;font-size:10px}.integration-placeholder-body{color:#94a6bd;text-align:center;border:1px dashed #ffffff2e;border-radius:12px;gap:5px;margin-top:18px;padding:24px;display:grid}.integration-placeholder-body strong{color:#e6eef9;font-size:13px}.integration-placeholder-body span{font-size:11px}.telegram-settings .settings-section-heading{align-items:center}.telegram-runtime-status{color:#ff9b93;white-space:nowrap;background:#ff453a21;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}.telegram-runtime-status.active{color:#72e695;background:#30d15824}.telegram-settings-form{gap:16px;margin-top:18px;display:grid}.telegram-enable-row{background:#00000024;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.telegram-enable-row>span{min-width:0}.telegram-enable-row strong,.telegram-enable-row small{display:block}.telegram-enable-row strong{color:#f5f7fb;font-size:12px}.telegram-enable-row small{color:#94a6bd;margin-top:4px;font-size:10px;line-height:1.4}.telegram-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.telegram-settings-grid>label{color:#b8c7d9;align-content:start;gap:6px;min-width:0;font-size:10px;font-weight:750;display:grid}.telegram-settings-grid input{box-sizing:border-box;color:#f5f7fb;width:100%;min-width:0;height:42px;font:inherit;background:#151518;border:1px solid #ffffff2e;border-radius:10px;outline:0;padding:0 12px;font-size:11px}.telegram-settings-grid input:focus{border-color:#1686ef;box-shadow:0 0 0 3px #1686ef29}.telegram-settings-grid label>small{color:#8497ae;font-size:9px;font-weight:500;line-height:1.4}.telegram-token-field{grid-column:1/-1}.telegram-token-field>div{grid-template-columns:minmax(0,1fr) auto;display:grid}.telegram-token-field>div input{border-radius:10px 0 0 10px}.telegram-token-field>div button{color:#8dccff;background:#0a84ff1f;border:1px solid #ffffff2e;border-left:0;border-radius:0 10px 10px 0;padding:0 12px;font-size:9px;font-weight:750}.telegram-number-field{position:relative}.telegram-number-field input{padding-right:76px}.telegram-number-field em{color:#8497ae;pointer-events:none;font-size:9px;font-style:normal;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.telegram-settings-note{color:#8dccff;background:#0a84ff17;border:1px solid #0a84ff3d;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;display:flex}.telegram-settings-note span{min-width:0}.telegram-settings-note strong,.telegram-settings-note small{display:block}.telegram-settings-note strong{font-size:10px}.telegram-settings-note small{color:#9eb1c6;margin-top:3px;font-size:9px;font-weight:500;line-height:1.45}.telegram-settings-message{color:#8dccff;background:#0a84ff1a;border-radius:9px;margin:0;padding:10px 12px;font-size:10px}.telegram-settings-form footer{justify-content:flex-end;gap:8px;display:flex}.telegram-settings-form footer button{color:#dce8f5;background:#ffffff17;border-radius:9px;min-height:38px;padding:0 14px;font-size:10px;font-weight:750}.telegram-settings-form footer button:disabled{opacity:.5;cursor:not-allowed}.telegram-settings-form footer .device-primary-button{color:#fff;background:#0878e8}.telegram-settings-form footer .environment-restart-button{color:#ffd27a;background:#ff9f0a24;justify-content:center;align-items:center;gap:7px;display:inline-flex}.theme-light .telegram-settings-form footer .environment-restart-button{color:#9a5a00;background:#fff4df}.telegram-template-section,.telegram-interface-section{background:#0000001a;border:1px solid #ffffff1f;border-radius:12px;gap:12px;padding:14px;display:grid}.telegram-template-section>header strong,.telegram-template-section>header small,.telegram-interface-section>header strong,.telegram-interface-section>header small{display:block}.telegram-template-section>header strong,.telegram-interface-section>header strong{color:#f5f7fb;font-size:12px}.telegram-template-section>header small,.telegram-interface-section>header small{color:#94a6bd;margin-top:4px;font-size:9px}.telegram-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.telegram-template-grid label{color:#b7c7da;gap:6px;font-size:10px;display:grid}.telegram-template-grid textarea{box-sizing:border-box;resize:vertical;color:#f5f7fb;background:#0b1523;border:1px solid #ffffff29;border-radius:10px;outline:none;width:100%;min-height:180px;padding:11px;font:10px/1.55 ui-monospace,Consolas,monospace}.telegram-template-grid textarea:focus{border-color:#2894ff;box-shadow:0 0 0 3px #2894ff29}.telegram-template-variables{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.telegram-template-variables small{color:#94a6bd;margin-right:3px;font-size:9px}.telegram-template-variables code{color:#8dccff;background:#0a84ff1f;border-radius:6px;padding:4px 6px;font-size:8px}.telegram-interface-section>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.telegram-interface-section>header>div:last-child{gap:6px;display:flex}.telegram-interface-section>header button{color:#8dccff;background:#0a84ff21;border-radius:8px;min-height:32px;padding:0 9px;font-size:9px;font-weight:750}.telegram-interface-search{color:#8dccff;background:#00000029;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.telegram-interface-search input{color:#f5f7fb;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:10px}.telegram-interface-search button{color:#aebdce;background:#ffffff14;place-items:center;width:24px;height:24px;display:grid}.telegram-interface-list{gap:7px;max-height:390px;display:grid;overflow:auto}.telegram-interface-list article{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.telegram-interface-list article.inactive{opacity:.62}.telegram-interface-main{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;gap:3px;padding:10px 12px;display:grid}.telegram-interface-main strong,.telegram-interface-main span,.telegram-interface-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.telegram-interface-main strong{color:#f3f7fc;font-size:10px}.telegram-interface-main span{color:#a9bdd4;font-size:9px}.telegram-interface-main small{color:#78bdff;font-size:8px}.telegram-interface-list .interface-toggle{flex:none;margin-right:12px}.theme-light .telegram-template-section,.theme-light .telegram-interface-section{background:#f8fafd;border-color:#dbe4ee}.theme-light .telegram-template-section>header strong,.theme-light .telegram-interface-section>header strong{color:#172033}.theme-light .telegram-template-grid label{color:#40546d}.theme-light .telegram-template-grid textarea,.theme-light .telegram-interface-search{color:#172033;background:#fff;border-color:#cfdbe8}.theme-light .telegram-interface-search input{color:#172033}.theme-light .telegram-interface-list article{background:#fff;border-color:#dbe4ee}.theme-light .telegram-interface-main strong{color:#172033}.theme-light .telegram-interface-main span{color:#60738b}@media(max-width:699px){.telegram-template-grid{grid-template-columns:1fr}.telegram-template-grid textarea{min-height:155px}.telegram-interface-section>header{flex-direction:column;align-items:stretch}.telegram-interface-section>header>div:last-child{grid-template-columns:1fr 1fr;display:grid}.telegram-interface-section>header button{min-height:38px}.telegram-interface-list{max-height:440px}}.settings-page .telegram-interface-filters{flex-wrap:wrap;gap:7px;display:flex}.settings-page .telegram-interface-filters button{color:#aebed0;background:#ffffff0d;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.settings-page .telegram-interface-filters button.active{color:#8dccff;background:#0a84ff29;border-color:#0a84ff8c}.settings-page .telegram-interface-filters span{background:#ffffff1a;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;display:inline-grid}.settings-page .telegram-interface-list{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:minmax(68px,auto)!important;gap:8px!important;max-height:430px!important;display:grid!important;overflow-y:auto!important}.settings-page .telegram-interface-list>article{visibility:visible!important;background:#ffffff0a!important;border:1px solid #ffffff1f!important;border-radius:11px!important;align-items:center!important;width:100%!important;min-width:0!important;height:auto!important;min-height:68px!important;padding:0!important;display:flex!important;overflow:hidden!important}.settings-page .telegram-interface-list>article.inactive{opacity:.72}.settings-page .telegram-interface-main{flex:auto!important;align-content:center!important;gap:4px!important;min-width:0!important;height:auto!important;min-height:68px!important;padding:10px 12px!important;display:grid!important}.settings-page .telegram-interface-main strong,.settings-page .telegram-interface-main span,.settings-page .telegram-interface-main small{line-height:1.25!important;display:block!important}.settings-page .telegram-interface-control{flex:none;align-items:center;gap:9px;padding:10px 12px 10px 8px;display:flex}.settings-page .telegram-interface-control>small{color:#ff8a82;text-align:right;min-width:92px;font-size:9px;font-weight:750}.settings-page .telegram-interface-control>small.active{color:#62dc87}.settings-page .telegram-interface-list .interface-toggle{background:#636366!important;border:0!important;border-radius:999px!important;width:38px!important;min-width:38px!important;height:22px!important;min-height:22px!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.settings-page .telegram-interface-list .interface-toggle>span{transition:transform .18s;background:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;display:block!important;position:absolute!important;top:3px!important;left:3px!important;box-shadow:0 1px 3px #00000047!important}.settings-page .telegram-interface-list .interface-toggle.active{background:#30c85a!important}.settings-page .telegram-interface-list .interface-toggle.active>span{transform:translate(16px)!important}.theme-light .settings-page .telegram-interface-filters button{color:#60738b;background:#f7fafd;border-color:#d5e1ed}.theme-light .settings-page .telegram-interface-filters button.active{color:#075fb7;background:#eaf4ff;border-color:#83bff5}.theme-light .settings-page .telegram-interface-filters span{background:#075fb717}.theme-light .settings-page .telegram-interface-list>article{background:#fff!important;border-color:#dbe4ee!important}.theme-light .settings-page .telegram-interface-control>small{color:#c33832}.theme-light .settings-page .telegram-interface-control>small.active{color:#08783a}@media(max-width:699px){.settings-page .telegram-interface-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-page .telegram-interface-filters button{justify-content:center;min-width:0;padding:0 6px;font-size:8px}.settings-page .telegram-interface-list{max-height:460px!important}.settings-page .telegram-interface-control{flex-direction:column-reverse;align-items:flex-end;gap:5px;padding-left:4px}.settings-page .telegram-interface-control>small{white-space:normal;min-width:0;max-width:74px;font-size:8px;line-height:1.15}.settings-page .telegram-interface-main{padding-left:10px!important}.settings-page .telegram-interface-main strong{font-size:10px}}.telegram-interface-device-groups{gap:12px;display:grid}.telegram-interface-device-group{background:#0000001c;border:1px solid #ffffff21;border-radius:12px;min-width:0;overflow:hidden}.telegram-interface-device-group>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 12px;display:flex}.telegram-interface-device-group.collapsed>header{border-bottom-color:#0000}.telegram-interface-device-group>header .telegram-device-collapse{min-width:0;min-height:0;color:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border-radius:0;flex:auto;justify-content:space-between;align-items:center;padding:0;display:flex}.telegram-device-collapse>span{min-width:0}.telegram-device-collapse svg{color:#7fbfff;flex:none;margin-left:10px;transition:transform .18s}.telegram-device-collapse svg.expanded{transform:rotate(180deg)}.telegram-interface-device-group>header strong,.telegram-interface-device-group>header small{display:block}.telegram-interface-device-group>header strong{color:#f5f7fb;font-size:11px}.telegram-interface-device-group>header small{color:#94a6bd;margin-top:4px;font-size:8px}.telegram-interface-device-group>header>div:last-child{flex:none;gap:6px;display:flex}.telegram-interface-device-group>header button{color:#8dccff;background:#0a84ff21;border-radius:8px;min-height:30px;padding:0 9px;font-size:8px;font-weight:800}.telegram-interface-device-group>header button:disabled{opacity:.45;cursor:not-allowed}.telegram-interface-device-group .telegram-interface-list{padding:8px;max-height:360px!important}.telegram-interface-device-note{color:#94a6bd;padding:15px 12px;font-size:9px;line-height:1.45}.telegram-interface-device-group.unsupported{opacity:.78;border-style:dashed}.theme-light .telegram-interface-device-group{background:#f8fafd;border-color:#dbe4ee}.theme-light .telegram-interface-device-group>header{background:#f3f8fd;border-bottom-color:#e1e8f0}.theme-light .telegram-interface-device-group>header strong{color:#172033}.theme-light .telegram-interface-device-group>header small,.theme-light .telegram-interface-device-note{color:#60738b}.theme-light .telegram-interface-device-group>header button{color:#075fb7;background:#e4f2ff}@media(max-width:699px){.telegram-interface-device-group>header{flex-direction:column;align-items:stretch}.telegram-interface-device-group>header>div:last-child{grid-template-columns:1fr 1fr;display:grid}.telegram-interface-device-group>header button:not(.telegram-device-collapse){min-height:34px}.telegram-device-collapse{min-height:38px}.telegram-interface-device-group .telegram-interface-list{padding:7px;max-height:420px!important}}.environment-protected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.environment-protected-grid article{color:#9aabba;background:#00000021;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.environment-protected-grid article.active{color:#72e695;background:#30d15814;border-color:#30d15840}.environment-protected-grid strong,.environment-protected-grid small{display:block}.environment-protected-grid strong{font-size:10px}.environment-protected-grid small{color:#94a6bd;margin-top:3px;font-size:9px;font-weight:500}.environment-subsection{background:#0000001a;border:1px solid #ffffff1f;border-radius:12px;gap:12px;padding:14px;display:grid}.environment-subsection>header strong,.environment-subsection>header small{display:block}.environment-subsection>header strong{color:#f5f7fb;font-size:12px}.environment-subsection>header small{color:#94a6bd;margin-top:4px;font-size:9px}.environment-checkbox{grid-template-columns:minmax(0,1fr) auto;align-items:center!important}.environment-checkbox>small{grid-column:1/-1}.environment-checkbox .interface-toggle{justify-self:end}.role-rules-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030a16a8;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.role-rules-dialog{background:#101e35;border:1px solid #ffffff26;border-radius:18px;width:min(760px,100%);max-height:min(700px,100vh - 40px);padding:22px;overflow:auto;box-shadow:0 28px 80px #00000085}.role-rules-dialog header,.role-rules-dialog footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.role-rules-dialog header{border-bottom:1px solid #ffffff1f;padding-bottom:17px}.role-rules-dialog footer{color:#94a6bd;border-top:1px solid #ffffff1f;margin-top:18px;padding-top:16px;font-size:11px}.role-rules-close{color:#b7c7da;background:#ffffff0f;border:1px solid #ffffff21;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.role-rules-close:hover{color:#fff;background:#ffffff21}.role-rules-dialog .rbac-rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.role-section-heading{align-items:center}.role-section-heading>div{flex:1}.role-section-heading .device-primary-button{flex:none}.settings-page .role-group-list{max-height:none;padding-right:0;overflow:visible}.role-group-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.role-group-card{text-align:left;background:#0d1b30;border:1px solid #2a405e;border-radius:10px;width:100%;transition:border-color .16s,background .16s,transform .16s;display:flex;overflow:hidden}.role-group-card:hover{background:#132946;border-color:#58a6ff;transform:translateY(-1px)}.role-group-card.active{background:#112d4d;border-color:#1876d2}.role-group-list .role-group-select{background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding:12px}.role-group-select small{color:#74b9ff;margin-top:8px;font-size:9px;display:block}.role-group-list .role-group-edit{color:#8dccff;background:#0a84ff1f;border:1px solid #73b9ff40;border-radius:7px;align-self:center;margin-right:9px;padding:6px 8px;font-size:10px}.role-group-list .role-group-edit:hover{background:#0a84ff3b;border-color:#56a8ff}.role-group-details{flex:1;min-width:0;padding:12px 12px 10px}.role-group-details strong,.role-group-details span,.role-group-details small{display:block}.role-group-details strong{color:#e6eef9;font-size:12px}.role-group-details span{color:#94a6bd;margin-top:4px;font-size:10px}.role-group-details small{color:#74b9ff;margin-top:8px;font-size:9px}.role-group-actions{flex-direction:column;flex:none;justify-content:center;gap:5px;padding:9px;display:flex}.role-group-actions button{border-radius:7px;align-self:center;width:100%;font-size:10px;margin:0!important;padding:7px 8px!important}.role-group-list .role-group-access{color:#70e699;background:#30d1581f;border:1px solid #30d15847}.role-group-list .role-group-access:hover{background:#30d15833;border-color:#30d15899}.role-group-list .role-group-delete{color:#ff9f97;background:#ff453a1f;border:1px solid #ff453a47}.role-group-list .role-group-delete:hover{background:#ff453a33;border-color:#ff453a9e}.role-editor-dialog{background:#101e35;border:1px solid #ffffff26;border-radius:18px;width:min(540px,100%);max-height:min(620px,100vh - 40px);padding:22px;overflow:auto;box-shadow:0 28px 80px #00000085}.role-editor-dialog header,.role-editor-dialog footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.role-editor-dialog header{border-bottom:1px solid #ffffff1f;padding-bottom:17px}.role-editor-dialog footer{border-top:1px solid #ffffff1f;margin-top:20px;padding-top:16px}.role-editor-fields{gap:14px;margin-top:18px;display:grid}.role-editor-fields label{color:#b7c7da;gap:6px;font-size:11px;display:grid}.role-editor-fields input{color:#f5f5f7;background:#00000040;border:1px solid #ffffff24;border-radius:9px;outline:none;width:100%;height:40px;padding:0 11px}.role-editor-fields input:focus{border-color:#1686ef;box-shadow:0 0 0 3px #1686ef24}.role-editor-fields small{color:#94a6bd;font-size:9px}.role-delete-button{color:#ff9f97;background:#ff453a1f;border-radius:10px;height:38px;padding:0 13px;font-size:10px;font-weight:750}.theme-light .role-group-card{background:#fff;border-color:#d5e0ec}.theme-light .role-group-card.active{background:#eaf4ff;border-color:#1872ce}.theme-light .role-group-select small,.theme-light .role-group-details small{color:#2466a8}.theme-light .role-group-details strong{color:#25364d}.theme-light .role-group-details span{color:#64768c}.theme-light .role-editor-dialog{background:#fff;border-color:#3c3c432e}.theme-light .role-editor-dialog header,.theme-light .role-editor-dialog footer{border-color:#3c3c4324}@media(max-width:900px){.settings-page{padding:0 0 18px}.settings-page .settings-panel,.settings-page .rbac-rule-list,.settings-users,.role-rules-dialog .rbac-rule-list,.role-group-list{grid-template-columns:1fr}.role-group-card{flex-direction:column;align-items:stretch}.role-group-actions{justify-content:flex-end;align-items:stretch;padding-top:0}.settings-tabs{border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:0;display:grid;overflow:visible}.settings-tabs button{white-space:normal;border-radius:12px;min-width:0;min-height:44px;padding:8px 6px;font-size:11px;line-height:1.15}.settings-page .settings-tab-content{min-height:0;padding:18px}.settings-page .role-group-list{max-height:none;padding-right:0;overflow:visible}.settings-tab-search{margin-top:-2px}}@media(min-width:700px)and (max-width:900px){.role-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.role-group-card{flex-direction:row;align-items:stretch}.role-group-actions{justify-content:center;align-items:center;padding:9px}}@media(max-width:699px){.settings-page .settings-panel{border-radius:16px;padding:14px}.role-section-heading{flex-wrap:nowrap;align-items:center}.role-section-heading>div{flex:auto}.role-section-heading .device-primary-button{width:auto;min-width:112px;height:34px;padding:0 10px;font-size:10px}.role-group-card{flex-direction:row;align-items:stretch}.role-group-details{padding:12px}.role-group-actions{justify-content:center;align-items:stretch;gap:5px;width:82px;padding:8px}.role-group-actions button{min-height:30px;font-size:9px;padding:5px 4px!important}.role-rules-backdrop{padding:10px}.role-rules-dialog,.role-editor-dialog{border-radius:15px;padding:16px}.role-rules-dialog footer{flex-direction:column;align-items:stretch}.role-rules-dialog footer .device-primary-button{width:100%}}.settings-panel-header{border-bottom:1px solid #263850;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.settings-panel h2{margin:0;font-size:17px}.settings-panel p{color:#96a7bd;margin:4px 0 0;font-size:11px}.theme-setting{justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.theme-setting strong,.theme-setting span{display:block}.theme-setting strong{font-size:12px}.theme-setting span{color:#98a9bf;margin-top:4px;font-size:10px}.theme-options{background:#091629;border-radius:8px;padding:3px;display:flex}.theme-options button{color:#9aabc1;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.theme-options button.active{color:#fff;background:#176ecb}.settings-section{border-top:1px solid #263850;margin-top:18px;padding-top:16px}.settings-section-heading{color:#58a6ff;align-items:flex-start;gap:9px;display:flex}.settings-section-heading strong,.settings-section-heading span{display:block}.settings-section-heading strong{color:#e6eef9;font-size:12px}.settings-section-heading span{color:#98a9bf;margin-top:3px;font-size:10px}.role-group-list{gap:7px;margin-top:11px;display:grid}.role-group-list button{color:#a9b8cc;text-align:left;background:#0d1b30;border:1px solid #2a405e;border-radius:8px;padding:9px 10px}.role-group-list button:hover{border-color:#4679ab}.role-group-list button.active{background:#112d4d;border-color:#1876d2}.role-group-list strong,.role-group-list span{display:block}.role-group-list strong{color:#e6eef9;font-size:11px}.role-group-list span{color:#94a6bd;margin-top:3px;font-size:10px}.rbac-rule-list{gap:7px;margin-top:11px;display:grid}.rbac-rule{cursor:pointer;background:#0d1b30;border:1px solid #2a405e;border-radius:8px;align-items:flex-start;gap:9px;padding:9px 10px;display:flex}.rbac-rule input{accent-color:#1686ef;width:15px;height:15px;margin:1px 0 0}.rbac-rule strong,.rbac-rule small{display:block}.rbac-rule strong{color:#e6eef9;font-size:11px}.rbac-rule small{color:#94a6bd;margin-top:3px;font-size:10px}.theme-light .sidebar,.theme-light .top-header{color:#26364e;background:#fff;border-color:#d8e2ef}.theme-light .top-header{background:#fffffff2}.theme-light .system-card,.theme-light .kpi-card,.theme-light .interface-summary,.theme-light .interface-panel,.theme-light .summary-card,.theme-light .ranking-card,.theme-light .device-status-card,.theme-light .global-card{box-shadow:none;background:#fff;border-color:#d5e1ee}.theme-light .system-title,.theme-light .page-heading h1,.theme-light .panel-title-group h2,.theme-light .interface-header h3,.theme-light .summary-card h3,.theme-light .ranking-card h3,.theme-light .device-status-card h3,.theme-light .global-header h3,.theme-light .kpi-value,.theme-light .traffic-value-box strong,.theme-light .donut-center strong,.theme-light .summary-table td strong{color:#1b2b42}.theme-light .kpi-label,.theme-light .kpi-subtitle,.theme-light .page-heading p,.theme-light .device-name,.theme-light .traffic-label,.theme-light .summary-table td,.theme-light .summary-table th{color:#60738c}.theme-light .traffic-value-box,.theme-light .donut-center,.theme-light .chart-inner,.theme-light .global-svg-box{background-color:#f2f6fb}.theme-light .kpi-summary-item+.kpi-summary-item,.theme-light .summary-table td,.theme-light .summary-table th,.theme-light .device-status-row,.theme-light .legend-row{border-color:#e1e9f2}.theme-light .settings-panel{background:#fff;border-color:#d4dfeb;box-shadow:0 24px 70px #223b5d33}.theme-light .settings-panel h2,.theme-light .theme-setting strong{color:#17233a}.theme-light .theme-options{background:#eaf0f7}.theme-light .theme-options button.active{color:#fff}.theme-light .sidebar-divider{background:#dce5f0}.theme-light .menu-label,.theme-light .admin-info span,.theme-light .system-row,.theme-light .system-row b,.theme-light .breadcrumb,.theme-light .clock-box span,.theme-light .realtime-update,.theme-light .axis-labels,.theme-light .global-axis,.theme-light .global-legend,.theme-light .chart-time,.theme-light .global-time,.theme-light .interface-footer,.theme-light .legend-row small,.theme-light .donut-center small,.theme-light .donut-center span{color:#6c7f96}.theme-light .admin-info strong,.theme-light .clock-box strong,.theme-light .realtime-title,.theme-light .ranking-row strong,.theme-light .legend-row strong{color:#25364d}.theme-light .clock-box,.theme-light .realtime-box,.theme-light .auto-refresh-button,.theme-light .refresh-select,.theme-light .fullscreen-button,.theme-light .search-box{color:#33465e;background:#f8fafc;border-color:#d5e0ec}.theme-light .icon-button{color:#40546d}.theme-light .icon-button:hover,.theme-light .nav-item:hover{background:#eef5fc}.theme-light .panel-title-group span,.theme-light .ranking-number{color:#52657c;background:#e8eff7}.theme-light .interface-card{background:#fbfdff;border-color:#d8e3ef}.theme-light .chart-inner,.theme-light .global-svg-box{background-image:linear-gradient(#526f9229 1px,#0000 1px)}.theme-light .ranking-progress{background:#dfe8f2}.theme-light .range-buttons{background:#e8eff7}.theme-light .range-buttons button{color:#5f728a}.theme-light .range-buttons button.active{color:#175da9;background:#d5e9ff}.theme-light .connection-error{color:#a22635;background:#fff2f3;border-color:#f2b8be}.theme-light .empty-state,.theme-light .summary-empty{color:#6c7f96!important}.theme-light .settings-panel p,.theme-light .theme-setting span{color:#64768c}.theme-light .settings-panel-header{border-color:#e0e8f1}.theme-light .theme-options button{color:#587088}.theme-light .theme-options button.active{background:#1872ce}.theme-light .settings-backdrop{background:#23375140}.theme-light .legend-row{background:#f7faff;border-color:#dce5ef}.theme-light .summary-index{color:#61758e;background:#e7eef6}.theme-light .summary-interface-name strong{color:#25364d}.theme-light .summary-interface-name small,.theme-light .summary-card-metrics small{color:#71839a}.theme-light .summary-card-metrics{border-color:#e1e9f2}.theme-light .summary-card-metrics strong{color:#40546d}.theme-light .summary-rpm-face{background:repeating-conic-gradient(from 270deg,#536f928c 0deg 1deg,transparent 1deg 12deg),conic-gradient(from 270deg,var(--gauge-color) 0deg var(--angle),#dbe5f0 var(--angle) 180deg,transparent 180deg)}.theme-light .summary-rpm-face:after{background:#fbfdff}.theme-light .summary-rpm-needle:after{border-color:#fbfdff}.theme-light .summary-rpm-value strong{color:#25364d}.theme-light .summary-rpm-value small,.theme-light .summary-card-footer,.theme-light .summary-card-footer span{color:#71839a}.theme-light .summary-card-footer{border-color:#e1e9f2}.theme-light .summary-card-footer strong{color:#40546d}.theme-light .summary-live-values div{background:#eef4fa}.theme-light .summary-live-values small{color:#71839a}.theme-light .summary-live-chart{background-image:linear-gradient(#526f9229 1px,#0000 1px)}.theme-light .bar-chart-panel{background:#fff;border-color:#d8e3ef}.theme-light .summary-live-title{color:#40546d}.theme-light .summary-live-title span,.theme-light .summary-live-time{color:#71839a}.theme-light .summary-chart-tooltip{color:#40546d;background:#fffffff5;border-color:#c5d8eb;box-shadow:0 3px 10px #243c5b1f}.theme-light .summary-chart-tooltip strong{color:#25364d}.theme-light .gauge-face{background:repeating-conic-gradient(from 270deg,#536f928c 0deg 1deg,transparent 1deg 9deg),conic-gradient(from 270deg,var(--gauge-color) 0deg var(--angle),#dbe5f0 var(--angle) 180deg,transparent 180deg)}.theme-light .gauge-face:after{background:#fff}.theme-light .gauge-needle:after{border-color:#fff}.theme-light .gauge-value strong{color:#1b2b42}.theme-light .gauge-value small{color:#60738c}.theme-light .summary-filter{color:#657990}.theme-light .summary-filter select,.theme-light .template-save-form input{color:#33465e;background:#f8fafc;border-color:#d5e0ec}.theme-light .template-message,.theme-light .template-list>span{color:#71839a}.theme-light .template-item{border-color:#d5e0ec}.theme-light .template-load{color:#2466a8;background:#edf6ff}.theme-light .template-delete{color:#61758e;background:#f4f8fc}.theme-light .summary-template-toolbar{background:#f8fbff;border-color:#d8e3ef}@media(max-width:1280px){.page-wrapper{margin-left:0}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:18px 0 55px #00000059}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:flex}.mobile-overlay{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010711a8;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.content{padding:20px}.page-heading{gap:20px}.heading-controls{gap:8px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.middle-layout{grid-template-columns:1fr;height:auto}.interface-panel{height:auto}.interface-grid{grid-template-rows:none;height:auto}.interface-card{min-height:255px}.right-column{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.summary-card,.ranking-card,.device-status-card{min-height:210px}.global-card{height:180px}.global-chart{height:105px}.global-svg-box svg{height:87px}}@media(max-width:768px){body{padding-bottom:env(safe-area-inset-bottom)}.page-wrapper{width:100%}.top-header{min-height:58px;padding:env(safe-area-inset-top) 14px 0;gap:10px}.clock-box{display:none}.header-right{margin-left:auto}.menu-trigger{background:#0e1b30;border:1px solid #1d304a;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.icon-button{background:#0e1b30;border:1px solid #1d304a;width:38px;height:38px}.content{padding:16px 14px calc(92px + env(safe-area-inset-bottom))}.page-heading{min-height:auto;display:block}.page-heading h1{font-size:16px;line-height:1.2}.page-heading p,.heading-controls{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.kpi-grid:has(.kpi-summary-card){display:block}.kpi-card.kpi-summary-card{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;padding:0;display:grid}.kpi-summary-item{align-items:center;min-width:0;min-height:88px;padding:12px;display:flex}.kpi-summary-item .kpi-icon{grid-row:auto;width:38px;height:38px;margin-right:10px}.kpi-summary-item .kpi-value{font-size:22px}.kpi-summary-item .kpi-label{font-size:11px}.kpi-summary-item .kpi-subtitle{white-space:nowrap;font-size:8px}.kpi-summary-item:nth-child(3){border-left:0}.kpi-summary-item:nth-child(n+3){border-top:1px solid #1b2d48}.kpi-card{grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-content:center;height:116px;padding:13px;display:grid}.kpi-icon{grid-row:1/3;width:42px;height:42px;margin-right:10px}.kpi-value{font-size:24px}.kpi-subtitle{font-size:9px}.trend-area,.alert-trend{display:none}.interface-summary{padding:12px}.interface-summary-grid,.interface-summary-grid.summary-columns-2,.interface-summary-grid.summary-columns-4,.interface-summary-grid.summary-columns-6,.interface-summary-grid.summary-columns-8{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interface-summary-grid.summary-columns-1{grid-template-columns:1fr}.summary-interface-card{padding:10px}.summary-card-heading{align-items:flex-start}.summary-card-heading .summary-status{padding:4px 7px}.summary-card-metrics{gap:6px}.summary-card-metrics strong{font-size:9px}.summary-table-wrap{overflow:visible}.summary-table{min-width:0;font-size:11px;display:block}.summary-table thead{display:none}.summary-table tbody,.summary-table tr{display:block}.summary-table tr:not(:has(.summary-empty)){background:#101d32;border:1px solid #1d304c;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:11px 12px;margin:0 0 10px;padding:12px;display:grid}.summary-table tr:last-child{margin-bottom:0}.summary-table td{white-space:normal;text-align:left;border:0;min-width:0;min-height:0;padding:0}.summary-table td:before,.summary-table td:after{display:none!important}.summary-table td:first-child{display:none}.summary-table td:nth-child(2){grid-area:1/1/auto/3}.summary-table td:nth-child(2) strong,.summary-table td:nth-child(2) small{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-table td:nth-child(3){grid-area:1/3;align-self:center}.summary-table td:nth-child(4),.summary-table td:nth-child(5),.summary-table td:nth-child(6){flex-direction:column;grid-row:2;gap:4px;font-size:12px;font-weight:700;display:flex}.summary-table td:nth-child(4){color:#b2c0d0;grid-column:1}.summary-table td:nth-child(5){grid-column:2}.summary-table td:nth-child(6){grid-column:3}.summary-table td:nth-child(4):before,.summary-table td:nth-child(5):before,.summary-table td:nth-child(6):before{color:#8fa0b7;text-transform:uppercase;content:"";font-size:8px;font-weight:600;display:block!important}.summary-table td:nth-child(4):before{content:"Drop"}.summary-table td:nth-child(5):before{content:"Download"}.summary-table td:nth-child(6):before{content:"Upload"}.kpi-summary-item{gap:8px}.kpi-summary-item .kpi-content{min-width:0}.kpi-summary-item .kpi-subtitle{text-overflow:ellipsis;overflow:hidden}.summary-table .summary-empty{text-align:center;display:block;padding:24px 8px!important}.summary-table .summary-empty:before{display:none}.theme-light .summary-table tr:not(:has(.summary-empty)){background:#fbfdff;border-color:#d8e3ef}.theme-light .summary-table td:nth-child(4):before,.theme-light .summary-table td:nth-child(5):before,.theme-light .summary-table td:nth-child(6):before{color:#71839a}.middle-layout{margin-top:12px}.interface-panel{padding:12px}.panel-header{height:auto;margin-bottom:12px}.interface-summary .panel-header{flex-wrap:wrap;align-items:center;gap:8px}.interface-summary .panel-title-group{margin-right:auto}.summary-filter{gap:5px;font-size:9px}.summary-filter select{min-width:42px;height:30px}.summary-interface-filter{margin-left:0}.summary-interface-filter select{width:130px}.summary-template-toolbar{gap:7px;margin-bottom:10px;padding:8px}.template-save-form{flex:1}.template-save-form input{flex:1;min-width:0}.template-message{width:100%}.template-list{flex-basis:100%;min-width:0}.interface-grid{grid-template-columns:1fr;gap:10px}.interface-card{min-height:278px;padding:12px}.interface-header h3{white-space:normal;overflow-wrap:anywhere;font-size:14px}.running-pill{padding:4px 9px}.traffic-value-box{height:82px}.traffic-value-box strong{font-size:clamp(18px,5vw,22px)}.interface-chart{height:108px!important}.chart-inner svg{height:88px!important}.interface-footer{font-size:9px}.right-column{grid-template-columns:1fr;gap:10px;margin-top:10px}.summary-card,.ranking-card,.device-status-card{min-height:0;padding:14px}.summary-content{justify-content:center;gap:20px;height:auto}.donut{width:128px;height:128px}.donut-center{width:84px;height:84px}.ranking-card{min-height:220px}.device-status-card{min-height:122px}.global-card{height:230px;margin-top:10px;padding:12px}.global-header{height:auto;display:block}.range-buttons{scrollbar-width:none;margin-top:12px;overflow-x:auto}.range-buttons::-webkit-scrollbar{display:none}.range-buttons button{min-width:42px}.global-chart{height:130px;margin-top:10px}.global-axis{width:44px;padding-bottom:19px}.global-svg-box svg{height:110px}.global-time span:nth-child(2n){display:none}.mobile-install-card{background:linear-gradient(145deg,#102443,#0b1c34);border:1px solid #24456d;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px;display:grid}.mobile-install-icon{color:#8ec7ff;background:#123665;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.mobile-install-card>div:nth-child(2){min-width:0}.mobile-install-card strong{font-size:11px;display:block}.mobile-install-card span{color:#8fa4bd;margin-top:3px;font-size:9px;display:block}.mobile-install-card button{color:#fff;background:#167dff;border-radius:8px;height:34px;padding:0 12px;font-size:10px;font-weight:700}.mobile-bottom-nav{z-index:45;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1729f0;border:1px solid #20334d;border-radius:18px;grid-template-columns:repeat(5,1fr);height:66px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 40px #00000061}.mobile-bottom-nav button{color:#8294aa;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex;position:relative}.mobile-bottom-nav button.active{color:#2d9cff}.mobile-bottom-nav button.active:before{content:"";background:#178dff;border-radius:999px;width:24px;height:3px;position:absolute;top:0}.mobile-alert i{color:#fff;background:#f43f4f;border-radius:50%;place-items:center;width:15px;height:15px;font-size:7px;font-style:normal;display:grid;position:absolute;top:5px;right:calc(50% - 17px)}.sidebar{width:min(86vw,310px)}.sidebar-brand{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.system-card{margin-top:24px}.admin-block{min-height:calc(78px + env(safe-area-inset-bottom));padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:430px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{height:108px}.kpi-icon{width:38px;height:38px}.kpi-label{font-size:11px}.kpi-value{font-size:22px}.traffic-values{gap:7px}.traffic-value-box{padding:10px}.traffic-label{font-size:9px}.summary-content{justify-content:flex-start}.donut{width:112px;height:112px}.donut-center{width:74px;height:74px}.donut-center strong{font-size:21px}.ranking-traffic{flex-direction:column;align-items:flex-end;gap:5px}}@media(max-width:768px){.theme-light .menu-trigger,.theme-light .icon-button{color:#40546d;background:#f8fafc;border-color:#d5e0ec}.theme-light .mobile-bottom-nav{background:#fffffff0;border-color:#d5e0ec;box-shadow:0 12px 40px #2c446229}.theme-light .mobile-bottom-nav button{color:#6a7d93}.theme-light .mobile-install-card{background:#fff;border-color:#d5e0ec}}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}.app-shell{background:#000}.sidebar{-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);background:#141416f0;border-right-color:#ffffff17;width:244px}.sidebar-brand{letter-spacing:-.25px;border-bottom-color:#ffffff14;height:64px;padding:0 22px;font-size:17px}.brand-mark{width:31px;height:31px;box-shadow:none;background:linear-gradient(145deg,#0a84ff,#5856d6);border-radius:10px}.sidebar-scroll{padding:18px 12px}.menu-label{color:#8e8e93;letter-spacing:.06em;padding:0 11px;font-size:11px;font-weight:700}.nav-list{gap:4px}.nav-item{color:#d1d1d6;border-radius:10px;height:42px}.nav-item:hover{background:#ffffff14}.nav-item-active{color:#fff;background:#0a84ff3d}.nav-item-active svg{color:#0a84ff}.sidebar-divider{background:#ffffff17;margin:18px 10px}.system-card{background:#2c2c2ea3;border-color:#ffffff17;border-radius:14px;margin:30px 4px 0}.admin-block{background:#0000001f;border-top-color:#ffffff17;min-height:88px}.page-wrapper{background:#000}.top-header{-webkit-backdrop-filter:blur(25px)saturate(150%);backdrop-filter:blur(25px)saturate(150%);background:#000000bd;border-bottom-color:#ffffff17;min-height:72px;padding:0 30px}.content{background:radial-gradient(circle at 50% -20%,#0a84ff2e,#0000 38%),#000;padding:22px 28px 34px}.page-heading h1{letter-spacing:-.75px;font-size:28px}.page-heading p{color:#98989d}.realtime-box,.clock-box,.auto-refresh-button,.refresh-select,.fullscreen-button{background:#2c2c2eb3;border-color:#ffffff1f;border-radius:12px}.auto-refresh-button{font-weight:600}.menu-trigger,.icon-button{border-radius:10px}.kpi-card,.interface-summary,.interface-panel,.summary-card,.ranking-card,.device-status-card,.global-card{background:linear-gradient(145deg,#2c2c2ee6,#1c1c1eeb);border-color:#ffffff1c;border-radius:18px;box-shadow:0 12px 35px #0003}.kpi-summary-card{min-height:102px}.kpi-summary-item+.kpi-summary-item{border-left-color:#ffffff1a}.kpi-icon{border-radius:14px}.kpi-purple{background:linear-gradient(145deg,#5e5ce6,#3634a3)}.kpi-green{background:linear-gradient(145deg,#30d158,#168a35)}.kpi-blue{background:linear-gradient(145deg,#0a84ff,#0064c8)}.kpi-orange{background:linear-gradient(145deg,#ff9f0a,#c93400)}.kpi-label{color:#a1a1a6}.kpi-value{letter-spacing:-.5px}.interface-summary{padding:17px}.interface-summary .panel-header{min-height:46px}.panel-title-group h2,.summary-card h3,.ranking-card h3,.device-status-card h3,.global-header h3{letter-spacing:-.15px;font-size:14px}.panel-title-group span{color:#73b9ff;background:#0a84ff29;border-radius:999px}.summary-filter select,.template-save-form input{background:#00000047;border-color:#ffffff21;border-radius:10px}.summary-template-toolbar{background:#0003;border-color:#ffffff1a;border-radius:14px}.template-save-form button{background:#0a84ff;border-radius:10px}.template-item{border-color:#ffffff21;border-radius:9px}.template-load{color:#8dccff;background:#0a84ff29}.template-delete{background:#ffffff0f}.summary-interface-card{box-shadow:none;background:#2c2c2ebd;border-color:#ffffff1f;border-radius:16px}.summary-index{color:#84c8ff;background:#0a84ff2b}.summary-interface-name strong{font-size:12px}.summary-status,.running-pill{border-radius:999px}.summary-live-traffic{background:#0003;border-color:#ffffff1a;border-radius:12px}.summary-live-values div{background:#ffffff12;border-radius:8px}.summary-card-footer{border-top-color:#ffffff1a}.summary-card-remove{border-radius:50%}.summary-rpm-face:after{background:#1c1c1e}.summary-rpm-needle:after{border-color:#1c1c1e}.interface-panel{padding:16px}.interface-card{background:#1c1c1ebd;border-color:#ffffff1a;border-radius:15px}.traffic-value-box{background:#ffffff12;border-radius:11px}.chart-inner,.global-svg-box{border-radius:8px}.ranking-number{background:#ffffff1f}.ranking-progress{background:#ffffff1a}.device-status-row{border-bottom-color:#ffffff1a}.gauge-face:after{background:#1c1c1e}.gauge-needle:after{border-color:#1c1c1e}.settings-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000007a}.settings-panel{background:#2c2c2ef5;border-color:#ffffff21;border-radius:20px}.theme-options{background:#00000038;border-radius:10px}.theme-options button{border-radius:8px}.connection-error{border-radius:13px}.theme-light .sidebar{background:#ffffffd6;border-right-color:#3c3c4324}.theme-light .top-header{background:#ffffffc7;border-bottom-color:#3c3c4324}.theme-light .sidebar-brand,.theme-light .admin-block{border-color:#3c3c431f}.theme-light .nav-item{color:#3a3a3c}.theme-light .nav-item:hover{background:#3c3c4312}.theme-light .system-card,.theme-light .kpi-card,.theme-light .interface-summary,.theme-light .interface-panel,.theme-light .summary-card,.theme-light .ranking-card,.theme-light .device-status-card,.theme-light .global-card{background:#ffffffd6;border-color:#3c3c4321;box-shadow:0 8px 24px #3c3c4314}.theme-light .summary-template-toolbar{background:#ffffffb8}.theme-light .summary-interface-card{background:#fff;border-color:#3c3c4321}.theme-light .summary-live-traffic{background:#f7f7f9;border-color:#3c3c431f}.theme-light .summary-live-values div,.theme-light .traffic-value-box{background:#f1f3f6}.theme-light .summary-rpm-face:after,.theme-light .gauge-face:after{background:#fff}.theme-light .summary-rpm-needle:after,.theme-light .gauge-needle:after{border-color:#fff}.theme-light .template-save-form input,.theme-light .summary-filter select{background:#fff;border-color:#3c3c4329;border-radius:10px}.theme-light .settings-panel{background:#fffffff5;border-color:#3c3c4326;border-radius:20px}@media(max-width:768px){.content{padding:16px 14px calc(94px + env(safe-area-inset-bottom))}.top-header{min-height:62px;padding-inline:14px}.page-heading h1{font-size:23px}.kpi-summary-card{border-radius:17px}.summary-template-toolbar{border-radius:14px}.mobile-bottom-nav{background:#1c1c1ee0;border-color:#ffffff24;border-radius:22px}.theme-light .mobile-bottom-nav{background:#ffffffe6;border-color:#3c3c4324}}.theme-light .settings-tab-search{color:#1672cf;background:#fff;border-color:#cfdbe8}.theme-light .settings-tab-search input{color:#172033}.theme-light .settings-tab-search input::placeholder{color:#71839a}.theme-light .settings-tab-search button{color:#50627a;background:#edf3f9}.theme-light .telegram-runtime-status{color:#b4232d;background:#fff0f1}.theme-light .telegram-runtime-status.active{color:#08783a;background:#e9f9ef}.theme-light .telegram-enable-row{background:#f8fafd;border-color:#dbe4ee}.theme-light .telegram-enable-row strong{color:#172033}.theme-light .telegram-enable-row small{color:#60738b}.theme-light .telegram-settings-grid>label{color:#40546d}.theme-light .telegram-settings-grid input{color:#172033;background:#fff;border-color:#cfdbe8}.theme-light .telegram-token-field>div button{color:#075fb7;background:#eaf4ff;border-color:#cfdbe8}.theme-light .telegram-settings-grid label>small,.theme-light .telegram-number-field em{color:#71839a}.theme-light .telegram-settings-note{color:#075fb7;background:#edf6ff;border-color:#b9dafa}.theme-light .telegram-settings-note small{color:#60738b}.theme-light .telegram-settings-message{color:#075fb7;background:#edf6ff}.theme-light .telegram-settings-form footer button:not(.device-primary-button){color:#40546d;background:#edf3f9}.theme-light .environment-protected-grid article,.theme-light .environment-subsection{color:#60738b;background:#f8fafd;border-color:#dbe4ee}.theme-light .environment-protected-grid article.active{color:#08783a;background:#effbf3;border-color:#a9e8bd}.theme-light .environment-protected-grid small,.theme-light .environment-subsection>header small{color:#60738b}.theme-light .environment-subsection>header strong{color:#172033}.theme-light .settings-tabs{border-color:#3c3c4324}.theme-light .settings-tabs button{color:#50627a;background:#fff;border-color:#3c3c4329}.theme-light .settings-tabs button.active{color:#fff;background:#0071e3}.theme-light .settings-user-form input,.theme-light .settings-user-form fieldset,.theme-light .settings-user-row{color:#25364d;background:#fff;border-color:#3c3c4326}.theme-light .settings-role-choice,.theme-light .settings-user-row strong,.theme-light .integration-placeholder-body strong{color:#25364d}.theme-light .settings-user-row small,.theme-light .settings-user-row>span,.theme-light .integration-placeholder-body{color:#64768c}.theme-light .role-rbac-rules{border-color:#3c3c4324}.theme-light .role-rules-dialog{background:#fff;border-color:#3c3c432e}.theme-light .role-rules-dialog header,.theme-light .role-rules-dialog footer{border-color:#3c3c4324}.theme-light .role-rules-close{color:#40546d;background:#f2f6fb;border-color:#3c3c4326}.summary-interface-picker-modal{flex-direction:column;width:min(1320px,100vw - 32px);height:calc(100vh - 32px);max-height:none;display:flex;overflow:hidden auto}.summary-interface-picker-modal .summary-device-groups{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:0;display:grid}.summary-interface-picker-modal .summary-device-group{min-width:0;padding:10px}.summary-interface-picker-modal .summary-device-heading{margin-bottom:7px;padding-bottom:7px}.summary-interface-picker-modal .summary-interface-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.summary-interface-picker-modal .summary-interface-options button{border-radius:9px;gap:2px 6px;min-width:0;min-height:46px;padding:8px}.summary-interface-picker-modal .summary-interface-options strong,.summary-interface-picker-modal .summary-interface-options span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-interface-picker-modal .summary-interface-options small{grid-row:1;font-size:8px}.summary-interface-picker-modal .summary-interface-alias{font-size:9px}.summary-picker-search{color:#8fa2b9;background:#00000029;border:1px solid #82a1c94d;border-radius:10px;flex:none;align-items:center;gap:8px;margin:0 0 12px;padding:0 11px;display:flex}.summary-picker-search:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.summary-picker-search input{color:#f5f7fb;width:100%;min-width:0;height:38px;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.summary-picker-search input::placeholder{color:#8fa2b9}.summary-picker-search button{color:#aebed0;background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.summary-picker-empty{color:#8fa2b9;border:1px dashed #82a1c94d;border-radius:12px;place-items:center;min-height:120px;font-size:11px;display:grid}.theme-light .summary-picker-search{color:#52708c;background:#fff;border-color:#cedce9}.theme-light .summary-picker-search input{color:#193b5f}.theme-light .summary-picker-search button{color:#52708c;background:#edf3f9}.theme-light .summary-picker-empty{color:#71839a;border-color:#cedce9}.summary-interface-name small span{color:inherit}@media(max-width:768px){.summary-modal-backdrop{padding:12px}.summary-interface-picker-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);padding:14px}.summary-interface-picker-modal .summary-device-groups{gap:8px}.summary-interface-picker-modal .summary-device-group{padding:8px}.summary-interface-picker-modal .summary-interface-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.summary-interface-picker-modal .summary-interface-options button{min-height:42px;padding:6px}.summary-interface-picker-modal .summary-interface-options strong{font-size:9px}.summary-interface-picker-modal .summary-interface-alias{font-size:8px}.summary-interface-picker-modal .summary-interface-options small{font-size:7px}}.summary-interface-name .summary-interface-alias-card{color:#8fa2b9;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.35;display:block;overflow:hidden}.theme-light .summary-interface-name .summary-interface-alias-card{color:#657990}.summary-interface-name .summary-interface-alias-inline{color:#8fa2b9;font-size:.9em;font-weight:500}.theme-light .summary-interface-name .summary-interface-alias-inline{color:#657990}.dashboard-overview{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:14px;margin-bottom:14px;display:grid}.dashboard-overview .kpi-grid{height:auto;margin:0;display:block}.dashboard-overview .kpi-summary-card{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:264px;min-height:264px}.dashboard-overview .kpi-summary-item+.kpi-summary-item{border-left:0}.dashboard-overview .kpi-summary-item:nth-child(2n){border-left:1px solid #ffffff1a}.dashboard-overview .traffic-summary-top{min-height:264px;margin:0;padding:18px}.dashboard-overview .traffic-summary-top h3{margin-bottom:10px}.theme-light .dashboard-overview .kpi-summary-item:nth-child(2n),.theme-light .dashboard-overview .kpi-summary-item:nth-child(n+3){border-color:#3c3c4321}@media(max-width:980px){.dashboard-overview{grid-template-columns:1fr}.dashboard-overview .traffic-summary-top{min-height:210px}.dashboard-overview .traffic-summary-top .summary-content{height:150px}}@media(max-width:560px){.dashboard-overview .kpi-summary-card{height:auto;min-height:0}.dashboard-overview .kpi-summary-item{min-height:96px;padding:13px}.dashboard-overview .traffic-summary-top{padding:14px}.dashboard-overview .traffic-summary-top .summary-content{gap:2px}.dashboard-overview .traffic-summary-top .traffic-gauge{transform:scale(.9)}}.traffic-summary-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.traffic-summary-heading h3{margin:0!important}.traffic-summary-heading .traffic-alias-inline{color:#8fa2b9;font-size:.82em;font-weight:500}.theme-light .traffic-summary-heading .traffic-alias-inline{color:#657990}.traffic-summary-heading small{color:#8fa2b9;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:4px;font-size:9px;display:block;overflow:hidden}.traffic-summary-heading button{color:#8dccff;background:#0a84ff21;border:1px solid #0a84ff59;border-radius:9px;flex-shrink:0;height:30px;padding:0 10px;font-size:9px;font-weight:700}.traffic-summary-controls{align-items:flex-end;gap:8px;display:flex}.traffic-summary-controls label{color:#8fa2b9;white-space:nowrap;gap:3px;font-size:8px;font-weight:700;display:grid}.traffic-summary-controls select{color:#8dccff;background:#0a84ff21;border:1px solid #0a84ff59;border-radius:9px;outline:none;height:30px;padding:0 24px 0 9px;font-size:9px;font-weight:700}.traffic-interface-selected{background:#0a84ff29!important;border-color:#0a84ff!important}.theme-light .traffic-summary-heading small{color:#657990}.theme-light .traffic-summary-heading button{color:#0968b8;background:#edf6ff;border-color:#c7dff5}.theme-light .traffic-summary-controls label{color:#657990}.theme-light .traffic-summary-controls select{color:#0968b8;background:#edf6ff;border-color:#c7dff5}.traffic-summary-top .gauge-value>span{display:none}.traffic-summary-packets{z-index:3;color:#8fa2b9;text-align:center;font-size:8px;position:absolute;top:92px;left:0;right:0}.theme-light .traffic-summary-packets{color:#657990}.dashboard-overview{grid-template-columns:minmax(0,1.2fr) minmax(470px,1fr)}.dashboard-overview .traffic-summary-top{box-sizing:border-box;height:264px;min-height:0}.dashboard-overview .traffic-summary-top .summary-content{height:185px}.dashboard-overview .traffic-summary-top .traffic-gauge{transform:scale(1.25)}@media(max-width:1180px){.dashboard-overview{grid-template-columns:1fr}.dashboard-overview>.interface-summary:not(.interface-group-summary),.dashboard-overview>.traffic-summary-top{grid-area:auto/1}}@media(max-width:560px){.dashboard-overview .traffic-summary-top .traffic-gauge{transform:scale(.9)}}.dashboard-overview .traffic-summary-top .summary-content{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:0;display:grid;overflow:hidden}.dashboard-overview .traffic-summary-top .traffic-gauge{margin:0}@media(max-width:560px){.dashboard-overview .traffic-summary-top{height:auto;min-height:250px}.dashboard-overview .traffic-summary-top .summary-content{height:180px}.dashboard-overview .traffic-summary-heading small{max-width:155px}.traffic-summary-heading{align-items:flex-start}.traffic-summary-controls{gap:5px}.traffic-summary-controls label{font-size:7px}.traffic-summary-controls select,.traffic-summary-heading button{height:28px;padding-inline:7px;font-size:8px}.dashboard-overview .traffic-summary-top .traffic-gauge{transform:scale(.82)}}@media(max-width:390px){.dashboard-overview .traffic-summary-top .traffic-gauge{transform:scale(.72)}.dashboard-overview .traffic-summary-packets{top:94px}}@media(min-width:769px){.top-header{gap:18px;min-height:64px;padding-inline:22px}.page-heading h1{font-size:24px;line-height:1.1}.page-heading p{margin-top:3px;font-size:11px;line-height:1.25}.heading-controls{gap:12px}.realtime-box,.auto-refresh-button,.clock-box{box-sizing:border-box;height:52px}.realtime-box{width:164px;min-width:164px}.auto-refresh-button{width:148px}.clock-box{width:88px}}.header-right{gap:12px}.header-right .auto-refresh-button{width:52px;min-width:52px;padding:0}@media(max-width:768px){.header-right .auto-refresh-button{border-radius:10px;width:38px;min-width:38px;height:38px}}.combined-dashboard{gap:16px;display:grid}.combined-intro,.combined-kpi,.combined-panel{background:linear-gradient(145deg,#2c2c2ee6,#1c1c1eeb);border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 12px 35px #0003}.combined-intro{justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.combined-intro h2{color:#f5f5f7;letter-spacing:-.35px;margin:0;font-size:20px}.combined-intro p{color:#98989d;margin:5px 0 0;font-size:12px}.combined-live{color:#a1a1a6;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.combined-live i{background:#30d158;border-radius:50%;width:8px;height:8px}.combined-live i.offline{background:#ff453a}.combined-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.combined-kpi{justify-content:space-between;align-items:flex-start;min-height:128px;padding:18px;display:flex}.combined-kpi small,.combined-kpi span{color:#a1a1a6;font-size:11px;display:block}.combined-kpi strong{color:#f5f5f7;letter-spacing:-.5px;margin:10px 0 5px;font-size:26px;display:block}.combined-kpi svg{border-radius:12px;padding:9px}.combined-kpi.operational svg{color:#64d2ff;background:#0a84ff2e}.combined-kpi.finance svg{color:#ffd60a;background:#ffd60a29}.combined-kpi.sales svg{color:#ff9f0a;background:#ff9f0a29}.combined-kpi.hr svg{color:#bf5af2;background:#bf5af229}.combined-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.combined-panel{min-height:180px;padding:18px}.combined-panel header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.combined-panel h3{color:#f5f5f7;margin:0;font-size:15px}.combined-panel header p{color:#8e8e93;margin:5px 0 0;font-size:10px}.combined-panel header svg{color:#8dccff}.combined-status{color:#30d158;background:#30d15824;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:750}.combined-status.offline{color:#ff9f0a;background:#ff9f0a24}.combined-operation-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.combined-operation-metrics div{background:#ffffff0f;border-radius:11px;padding:12px}.combined-operation-metrics span{color:#a1a1a6;font-size:10px;display:block}.combined-operation-metrics strong{color:#f5f5f7;margin-top:7px;font-size:17px;display:block}.combined-empty{color:#8e8e93;text-align:center;border:1px dashed #ffffff24;border-radius:11px;place-items:center;min-height:88px;margin-top:18px;padding:0 20px;font-size:11px;display:grid}.theme-light .combined-intro,.theme-light .combined-kpi,.theme-light .combined-panel{background:#ffffffd6;border-color:#3c3c4321;box-shadow:0 8px 24px #3c3c4314}.theme-light .combined-intro h2,.theme-light .combined-kpi strong,.theme-light .combined-panel h3,.theme-light .combined-operation-metrics strong{color:#1d1d1f}.theme-light .combined-intro p,.theme-light .combined-kpi small,.theme-light .combined-kpi span,.theme-light .combined-panel header p,.theme-light .combined-empty,.theme-light .combined-live{color:#657990}.theme-light .combined-operation-metrics div{background:#f1f3f6}.theme-light .combined-empty{border-color:#d5e0ec}@media(max-width:920px){.combined-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combined-panels{grid-template-columns:1fr}}@media(max-width:560px){.combined-intro{flex-direction:column;align-items:flex-start;padding:17px}.combined-kpi-grid{gap:10px}.combined-kpi{min-height:112px;padding:14px}.combined-kpi strong{font-size:22px}.combined-panels{gap:10px}.combined-panel{min-height:0;padding:15px}.combined-operation-metrics{grid-template-columns:1fr;margin-top:16px}.combined-empty{min-height:74px}}.device-page{gap:16px;display:grid}.device-page-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.device-page-header h2{color:#f5f5f7;margin:0;font-size:20px}.device-page-header p{color:#98989d;margin:5px 0 0;font-size:11px}.device-primary-button,.device-management-actions button,.device-interface-row button,.device-form-actions button{border-radius:10px;font-size:10px;font-weight:750}.device-primary-button{color:#fff;background:#0a84ff;height:38px;padding:0 14px}.device-message{color:#ff9f97;background:#ff453a1a;border:1px solid #ff453a59;border-radius:10px;margin:0;padding:10px 12px;font-size:11px}.device-empty,.device-interface-empty{color:#98989d;text-align:center;border:1px dashed #ffffff26;border-radius:14px;place-items:center;padding:22px;font-size:11px;display:grid}.device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.device-management-card{background:linear-gradient(145deg,#2c2c2ee6,#1c1c1eeb);border:1px solid #ffffff1c;border-radius:18px;padding:18px}.device-management-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-management-title{align-items:center;gap:8px;display:flex}.device-management-title h3{color:#f5f5f7;margin:0;font-size:15px}.device-management-card header p{color:#8e8e93;margin:5px 0 0;font-size:10px}.device-management-dot{background:#30d158;border-radius:50%;width:8px;height:8px}.device-management-dot.offline{background:#ff453a}.device-management-actions{gap:6px;display:flex}.device-management-actions button{color:#8dccff;background:#0a84ff21;height:28px;padding:0 9px}.device-management-actions .danger{color:#ff9f97;background:#ff453a1f}.device-interface-heading{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.device-interface-heading strong{color:#d1d1d6;font-size:11px}.device-interface-heading span{color:#8dccff;font-size:10px}.device-interface-list{gap:7px;margin-top:10px;display:grid}.device-interface-row{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:9px;padding:9px 10px;display:flex}.device-interface-row strong,.device-interface-row small{display:block}.device-interface-row strong{color:#e5e5ea;font-size:11px}.device-interface-row small{color:#8e8e93;margin-top:3px;font-size:9px}.device-interface-row button{color:#ff9f97;background:#ff453a1f;flex:none;place-items:center;width:28px;height:28px;display:grid}.device-editor-modal{width:min(780px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.device-editor-interfaces{margin-top:20px}.device-editor-interfaces .device-interface-heading{margin-top:0}.device-interface-heading>div{gap:3px;display:grid}.device-interface-heading small{color:#8dccff;font-size:10px}.device-interface-heading>button{color:#8dccff;background:#0a84ff21;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:10px;font-weight:750;display:flex}.editor-interface-list{max-height:360px;padding-right:3px;overflow-y:auto}.device-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.device-form-grid label{color:#a1a1a6;gap:6px;font-size:10px;font-weight:700;display:grid}.device-form-grid input,.device-form-grid select{box-sizing:border-box;color:#f5f5f7;background:#00000040;border:1px solid #ffffff24;border-radius:9px;outline:none;width:100%;height:38px;padding:0 10px;font-size:11px}.device-form-grid label small{font-size:9px;font-weight:500}.device-form-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.device-form-actions button:first-child{color:#d1d1d6;background:#ffffff14;height:38px;padding:0 13px}.device-form-actions .device-primary-button{min-width:116px}.theme-light .device-page-header h2,.theme-light .device-management-title h3,.theme-light .device-interface-row strong{color:#1d1d1f}.theme-light .device-page-header p,.theme-light .device-management-card header p,.theme-light .device-interface-row small{color:#657990}.theme-light .device-management-card{background:#ffffffd6;border-color:#3c3c4321;box-shadow:0 8px 24px #3c4300}.theme-light .device-interface-heading{border-color:#3c3c431f}.theme-light .device-interface-row{background:#f1f3f6}.theme-light .device-form-grid input,.theme-light .device-form-grid select{color:#33465e;background:#fff;border-color:#d5e0ec}.theme-light .device-management-card{box-shadow:0 8px 24px #3c3c4314}.editor-interface-list{scrollbar-width:none;-ms-overflow-style:none}.editor-interface-list::-webkit-scrollbar{display:none}.device-interface-heading>.device-interface-heading-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.device-editor-search{box-sizing:border-box;color:#8fa2b9;background:#0000002e;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:7px;width:clamp(210px,30vw,290px);height:34px;padding:0 10px;display:flex}.device-editor-search input{color:#f5f5f7;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:10px}.device-editor-search input::placeholder{color:#8e9bad}.theme-light .device-editor-search{color:#2466a8;background:#fff;border-color:#d5e0ec}.theme-light .device-editor-search input{color:#33465e}.device-field-label{align-items:baseline;gap:6px;display:flex}.device-field-label small{color:#7f8fa3}.device-infranexia-badge{color:#8dccff;white-space:nowrap;background:#0a84ff21;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:700}.device-infranexia-option{background:#0a84ff14;border:1px solid #0a84ff3d;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:11px 12px;display:flex}.device-scope-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.device-scope-options .device-infranexia-option{margin-top:0}.device-nap-option{background:#30d15814;border-color:#30d15847}.device-nap-badge{color:#08783a;background:#e3f8ec}.device-infranexia-option strong,.device-infranexia-option small{display:block}.device-infranexia-option strong{color:#e5e5ea;font-size:11px}.device-infranexia-option small{color:#8fa2b9;margin-top:4px;font-size:9px}.device-infranexia-toggle{background:#636366;border-radius:999px;flex:none;width:40px;height:22px;padding:0;transition:background .18s;position:relative}.device-infranexia-toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}.device-infranexia-toggle.active{background:#30d158}.device-infranexia-toggle.active span{transform:translate(18px)}.theme-light .device-infranexia-badge{color:#075fb7;background:#eaf4ff}.theme-light .device-infranexia-option{background:#f1f8ff;border-color:#c7dff5}.theme-light .device-infranexia-option strong{color:#193b5f}.theme-light .device-infranexia-option small{color:#657990}.theme-light .device-nap-option{background:#f0fbf4;border-color:#bce7cb}.theme-light .device-nap-badge{color:#08783a;background:#e3f8ec}@media(max-width:700px){.device-scope-options{grid-template-columns:1fr}}@media(max-width:760px){.device-list,.device-form-grid{grid-template-columns:1fr}.device-editor-modal{max-height:calc(100vh - 20px)}.editor-interface-list{max-height:42vh}}@media(max-width:560px){.device-interface-heading{flex-wrap:wrap;align-items:flex-start;gap:9px}.device-interface-heading>.device-interface-heading-actions{justify-content:flex-end;width:100%}.device-editor-search{flex:1;width:auto}}.app-toast{z-index:200;color:#f5f5f7;background:#1c1c1efa;border:1px solid #ffffff26;border-radius:14px;align-items:flex-start;gap:11px;width:min(390px,100vw - 42px);padding:13px 12px 13px 14px;display:flex;position:fixed;top:88px;right:26px;box-shadow:0 14px 40px #00000057}.app-toast-indicator{background:#0a84ff;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 4px #0a84ff26}.app-toast-success .app-toast-indicator{background:#30d158;box-shadow:0 0 0 4px #30d15826}.app-toast-error .app-toast-indicator{background:#ff453a;box-shadow:0 0 0 4px #ff453a26}.app-toast>div{flex:1;min-width:0}.app-toast strong{font-size:12px;display:block}.app-toast p{color:#b8c3d2;margin:3px 0 0;font-size:11px;line-height:1.4}.app-toast button{color:#aebdce;background:0 0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;margin:-4px -3px 0 0;display:grid}.app-toast button:hover{color:#fff;background:#ffffff1a}.app-toast-enter-active,.app-toast-leave-active{transition:opacity .2s,transform .2s}.app-toast-enter-from,.app-toast-leave-to{opacity:0;transform:translateY(-12px)}.theme-light .app-toast{color:#1d1d1f;background:#fffffffa;border-color:#3c3c4329;box-shadow:0 14px 40px #2c44622e}.theme-light .app-toast p,.theme-light .app-toast button{color:#64768c}.theme-light .app-toast button:hover{color:#25364d;background:#eef4fa}@media(max-width:760px){.app-toast{width:calc(100vw - 24px);top:74px;right:12px}.top-header:has(.device-navbar-title){align-items:flex-start;gap:14px;padding:14px}.top-header:has(.device-navbar-title) .menu-trigger{flex:none;margin-top:1px}.top-header:has(.device-navbar-title) .page-heading{gap:10px;min-width:0}.device-navbar-title h1{line-height:1.1;font-size:26px!important}.device-navbar-title p{display:none}.top-header .device-navbar-tools{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;display:grid}.top-header .device-navbar-tools input{width:100%;min-width:0;height:42px}.top-header .device-navbar-tools .device-primary-button{white-space:nowrap;width:auto;min-width:116px;height:42px;padding:0 12px}}@media(max-width:430px){.device-navbar-title h1{font-size:22px!important}.top-header .device-navbar-tools{grid-template-columns:1fr}.top-header .device-navbar-tools .device-primary-button{width:100%}}.settings-page .settings-panel{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:16px;padding:0;display:grid}.app-shell:not(.theme-light) .settings-page .settings-panel{background:0 0;border:0}.settings-navigation-card,.settings-search-card,.settings-action-card{background:#1c1c1f;border:1px solid #ffffff24;border-radius:18px;padding:18px}.settings-navigation-card .settings-tabs{margin:0}.settings-toolbar-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.settings-toolbar-row .settings-search-card{min-width:0}.settings-search-card .settings-tab-search{margin:0}.settings-toolbar-row .settings-action-card{align-items:center;padding:6px;display:flex}.settings-action-card strong,.settings-action-card span{display:block}.settings-action-card strong{color:#f5f7fb;font-size:13px}.settings-action-card span{color:#aeb9c8;margin-top:4px;font-size:10px}.settings-action-card .device-primary-button{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex}.settings-page .settings-tab-content{background:#1c1c1f;border-radius:18px;min-height:0}.theme-light .settings-page .settings-panel{background:0 0}.theme-light .settings-navigation-card,.theme-light .settings-search-card,.theme-light .settings-action-card{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}.theme-light .settings-action-card strong{color:#172033}.theme-light .settings-action-card span{color:#60738b}.theme-light .settings-page .settings-tab-content{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}@media(max-width:699px){.settings-navigation-card,.settings-search-card,.settings-action-card{border-radius:16px;padding:14px}.settings-toolbar-row{gap:8px}.settings-toolbar-row .settings-action-card{padding:5px}.settings-action-card .device-primary-button{height:40px;padding:0 10px;font-size:10px}.settings-page .settings-tab-content{border-radius:16px}.telegram-settings-grid{grid-template-columns:minmax(0,1fr)}.telegram-token-field{grid-column:auto}.telegram-settings .settings-section-heading{flex-wrap:wrap;align-items:flex-start}.telegram-runtime-status{margin-left:26px}.telegram-settings-form footer{grid-template-columns:1fr;display:grid}.telegram-settings-form footer button{width:100%;min-height:42px}.environment-protected-grid{grid-template-columns:minmax(0,1fr)}.environment-subsection{padding:12px}}.settings-toolbar-row .settings-search-card,.settings-toolbar-row .settings-action-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.settings-toolbar-row .settings-action-card .device-primary-button{height:40px;padding:0 15px}.theme-light .settings-toolbar-row .settings-search-card,.theme-light .settings-toolbar-row .settings-action-card{box-shadow:none;background:0 0;border:0}@media(max-width:699px){.settings-toolbar-row .settings-search-card,.settings-toolbar-row .settings-action-card{padding:0}.settings-toolbar-row .settings-action-card .device-primary-button{height:40px;padding:0 12px}}.role-group-actions{gap:8px;width:128px;padding:10px}.role-group-actions button{min-height:44px;font-size:11px;padding:8px!important}.role-group-list .role-group-edit{color:#8dccff;background:#0a84ff29;border-color:#0a84ff66}.role-editor-dialog{width:min(1120px,100vw - 32px);height:calc(100vh - 32px);max-height:none}.role-editor-rules{border-top:1px solid #ffffff1f;margin-top:20px;padding-top:18px}.role-editor-rules .rbac-rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-light .role-editor-rules{border-color:#3c3c4324}.role-editor-dialog{scrollbar-width:none;-ms-overflow-style:none}.role-editor-dialog::-webkit-scrollbar{display:none}.role-editor-dialog footer{z-index:2;background:#102039;justify-content:stretch;padding-bottom:22px;position:sticky;bottom:-22px}.role-editor-dialog footer>span{display:none}.role-editor-dialog footer>button{flex:1;justify-content:center;height:44px}.role-editor-dialog .role-delete-button{white-space:nowrap}.theme-light .role-editor-dialog footer{background:#fff}.user-editor-dialog{width:min(720px,100vw - 32px)}.user-editor-roles{min-height:0}.user-role-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.user-role-choice-list .settings-role-choice{color:#dce6f2;background:#0d1c30;border:1px solid #2d4a69;border-radius:11px;align-items:flex-start;min-height:62px;padding:11px}.user-role-choice-list .settings-role-choice input{margin-top:2px}.user-role-choice-list .settings-role-choice span{gap:4px;display:grid}.user-role-choice-list .settings-role-choice strong{color:#f2f7ff;font-size:12px}.user-role-choice-list .settings-role-choice small{color:#a9c3de;font-size:10px;line-height:1.35}.theme-light .user-role-choice-list .settings-role-choice{color:#172033;background:#f8fbfe;border-color:#d5e1ed}.theme-light .user-role-choice-list .settings-role-choice strong{color:#172033}.theme-light .user-role-choice-list .settings-role-choice small{color:#60738b}.user-editor-dialog footer .device-primary-button:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.45)}.settings-user-card .role-group-details strong em{color:#627995;font-size:.86em;font-style:normal;font-weight:600}.app-shell:not(.theme-light) .settings-user-card .role-group-details strong em{color:#a9c3de}.settings-user-card,.role-status-card{align-items:stretch;display:flex;position:relative}.settings-user-card-main{border-radius:inherit;text-align:left;background:0 0;border:0;flex:1;min-width:0}.settings-user-status{color:#788aa0;background:#f7fbff;border:1px solid #d5e1ed;border-radius:10px;flex:none;align-content:center;justify-items:center;gap:6px;width:76px;margin:10px;display:grid}.settings-user-status>span{box-sizing:border-box;background:#aeb8c5;border-radius:999px;width:28px;height:16px;padding:2px;transition:all .18s}.settings-user-status>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;display:block}.settings-user-status.active{color:#08783a;background:#effbf3;border-color:#a9e8bd}.settings-user-status.active>span{background:#30c85a}.settings-user-status.active>span:after{transform:translate(12px)}.settings-user-status small{font-size:9px;font-weight:750}.settings-user-card.inactive,.role-status-card.inactive{opacity:.72}.app-shell:not(.theme-light) .settings-user-status{color:#b9c0cc;background:#ffffff0f;border-color:#ffffff29}.app-shell:not(.theme-light) .settings-user-status.active{color:#70e699;background:#30d1581f;border-color:#30d15859}@media(max-width:699px){.user-editor-dialog{width:calc(100vw - 20px)}.user-role-choice-list{grid-template-columns:1fr}}.navbar-language{background:#ffffff0e;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.navbar-language button{color:#a1a1a6;letter-spacing:.03em;background:0 0;border-radius:7px;min-width:31px;height:27px;padding:0 6px;font-size:9px;font-weight:800}.navbar-language button.active{color:#fff;background:#0a84ff;box-shadow:0 3px 8px #0a84ff3d}.theme-light .navbar-language{background:#f6f9fc;border-color:#d4e0ec}.theme-light .navbar-language button{color:#60738b}.theme-light .navbar-language button.active{color:#fff;background:#0878e8}.navbar-stack{z-index:40;position:sticky;top:0}.navbar-stack .top-header{z-index:auto;position:relative;top:auto}.global-traffic-watermark{color:#aebed0;opacity:.86;background:#0a0b0ef5;border-bottom:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:11px;width:100%;min-height:29px;padding:5px 26px;display:flex}.global-traffic-watermark small{letter-spacing:.04em;font-size:8px;font-weight:750}.global-traffic-watermark>div{white-space:nowrap;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.global-traffic-download{color:#36a8ff}.global-traffic-upload{color:#a66bff}.global-traffic-watermark.offline{opacity:.5;filter:grayscale(.6)}.theme-light .global-traffic-watermark{color:#60738b;background:#fffffffa;border-color:#d8e1ec}@media(max-width:760px){.global-traffic-watermark{gap:8px;min-height:26px;padding:4px 14px}.global-traffic-watermark small{font-size:7px}.global-traffic-watermark>div{gap:7px;font-size:8px}}@media(max-width:360px){.global-traffic-watermark small{display:none}.global-traffic-watermark>div{font-size:7px}}.profile-page{gap:16px;max-width:980px;display:grid}.profile-hero,.profile-details-card{background:#1c1c1f;border:1px solid #ffffff21;border-radius:19px}.profile-hero{align-items:center;gap:16px;padding:23px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:21px;flex:none;place-items:center;width:68px;height:68px;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 24px #0a84ff40}.profile-hero>div:nth-child(2){min-width:0}.profile-hero span{color:#8dccff;letter-spacing:.08em;font-size:10px;font-weight:800}.profile-hero h2{color:#f5f5f7;margin:6px 0 4px;font-size:22px}.profile-hero p{color:#a1a1a6;margin:0;font-size:12px}.profile-role-tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.profile-role-tags small{color:#8dccff;background:#0a84ff24;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.profile-status{color:#70e699;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;font-weight:750;display:flex}.profile-status i{background:#30d158;border-radius:50%;width:8px;height:8px}.profile-editor{gap:16px;display:grid}.profile-details-card{padding:20px}.profile-details-card header h3{color:#f5f5f7;margin:0;font-size:15px}.profile-details-card header p{color:#a1a1a6;margin:5px 0 0;font-size:11px}.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.profile-fields label{color:#bcd1e8;gap:7px;font-size:11px;display:grid}.profile-fields input{box-sizing:border-box;color:#f7fbff;background:#0b1523;border:1px solid #36526f;border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px}.profile-fields input:focus{border-color:#2894ff;box-shadow:0 0 0 3px #2894ff2e}.profile-fields small{color:#a1a1a6;font-size:9px}.profile-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.profile-actions .template-message{margin-right:auto}.profile-actions .device-primary-button{min-width:175px}.theme-light .profile-hero,.theme-light .profile-details-card{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}.theme-light .profile-hero h2,.theme-light .profile-details-card header h3{color:#172033}.theme-light .profile-hero p,.theme-light .profile-details-card header p,.theme-light .profile-fields small{color:#60738b}.theme-light .profile-fields label{color:#40546d}.theme-light .profile-fields input{color:#172033;background:#fff;border-color:#cfdbe8}.theme-light .profile-role-tags small{color:#075fb7;background:#eaf4ff}.theme-light .settings-page .role-group-card{background:#f8fbfe!important;border-color:#d5e1ed!important}.theme-light .settings-page .role-group-card.active{background:#edf6ff!important;border-color:#8cc4f5!important}.theme-light .settings-page .settings-user-card-main{color:#172033;background:0 0!important}.theme-light .settings-page .role-group-details strong{color:#172033!important}.theme-light .settings-page .role-group-details span{color:#526f8b!important}.theme-light .settings-page .role-group-details small{color:#2466a8!important}.theme-light .settings-page .settings-user-status{color:#60738b;background:#fff;border-color:#d5e1ed}.theme-light .settings-page .settings-user-status.active{color:#08783a;background:#effbf3;border-color:#a9e8bd}.app-shell:not(.theme-light) .settings-page .role-group-card{background:#102039!important;border-color:#314b6c!important}.app-shell:not(.theme-light) .settings-page .role-group-card.active{background:#132a47!important;border-color:#2d91f5!important}.app-shell:not(.theme-light) .settings-page .settings-user-card-main{color:#f5f7fb;background:0 0!important}.app-shell:not(.theme-light) .settings-page .role-group-details strong{color:#f5f7fb!important}.app-shell:not(.theme-light) .settings-page .role-group-details span{color:#b9cce0!important}.app-shell:not(.theme-light) .settings-page .role-group-details small{color:#80c1ff!important}.settings-page .role-group-list{grid-template-columns:1fr}.settings-page .role-group-list>.settings-user-card,.settings-page .settings-user-list>.settings-user-card{border-radius:14px!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.settings-page .role-group-list>.settings-user-card>.settings-user-card-main,.settings-page .settings-user-list>.settings-user-card>.settings-user-card-main{min-width:0!important;box-shadow:none!important;border:0!important;outline:0!important;flex:auto!important;align-items:stretch!important;padding:0!important;display:flex!important}.settings-page .role-group-list>.settings-user-card .role-group-details,.settings-page .settings-user-list>.settings-user-card .role-group-details{box-sizing:border-box!important;width:100%!important;padding:14px 16px!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status,.settings-page .settings-user-list>.settings-user-card>.settings-user-status{width:76px!important;min-width:76px!important;height:auto!important;min-height:64px!important;margin:10px!important}.settings-page .settings-users{row-gap:8px}.settings-page .settings-users .settings-user-list{margin-top:0}.settings-page .role-section-heading+.role-group-list{margin-top:8px}.settings-page .role-group-list>.settings-user-card>.settings-user-status{text-align:center!important;gap:3px!important;padding:0!important}.settings-page .settings-user-list>.settings-user-card>.settings-user-status>span{transform:translateY(3px)}.settings-page .role-group-list>.settings-user-card>.settings-user-status{color:#788aa0!important;width:76px!important;height:auto!important;min-height:64px!important;font-size:inherit!important;text-align:center!important;background:#f7fbff!important;border:1px solid #d5e1ed!important;border-radius:10px!important;align-content:center!important;justify-items:center!important;gap:6px!important;margin:10px!important;padding:0!important;display:grid!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status.active{color:#08783a!important;background:#effbf3!important;border-color:#a9e8bd!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status>span{background:#aeb8c5!important;border-radius:999px!important;width:28px!important;height:16px!important;padding:2px!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status.active>span{background:#30c85a!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status>span:after{width:12px!important;height:12px!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status.active>span:after{transform:translate(12px)!important}.settings-page .role-group-list>.settings-user-card>.settings-user-status small{margin:0!important;font-size:9px!important;font-weight:750!important}.app-shell:not(.theme-light) .settings-page .role-group-list>.settings-user-card>.settings-user-status{color:#b9c0cc!important;background:#ffffff0f!important;border-color:#ffffff29!important}.app-shell:not(.theme-light) .settings-page .role-group-list>.settings-user-card>.settings-user-status.active{color:#70e699!important;background:#30d1581f!important;border-color:#30d15859!important}@media(max-width:640px){.profile-hero{flex-wrap:wrap;align-items:flex-start;padding:18px}.profile-status{width:100%;margin-left:0}.profile-fields{grid-template-columns:1fr}.profile-details-card{padding:16px}.profile-actions{flex-direction:column;align-items:stretch}.profile-actions .template-message{margin-right:0}.profile-actions .device-primary-button{width:100%}}.profile-page{width:100%;max-width:none}@media(max-width:699px){.role-group-actions{gap:7px;width:118px;padding:9px}.role-group-actions button{min-height:42px;font-size:10px}.role-editor-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px)}.role-editor-rules .rbac-rule-list{grid-template-columns:1fr}}.role-group-list{grid-auto-rows:min-content;align-content:start}.role-group-list .role-group-card{background:#f8fafd;border-color:#dbe4ee;min-height:0;padding:0}.role-group-list .role-group-card.active{background:#f8fafd;border-color:#dbe4ee}.role-group-details{padding:12px 14px}.role-group-details span{margin-top:3px}.role-group-details small{margin-top:6px}.theme-light .role-group-list .role-group-card,.theme-light .role-group-list .role-group-card.active{background:#f8fafd;border-color:#dbe4ee}.app-shell:not(.theme-light) .role-group-list .role-group-card,.app-shell:not(.theme-light) .role-group-list .role-group-card.active{background:#242428;border-color:#ffffff1f}.app-shell:not(.theme-light) .role-editor-dialog{background:#102039;border-color:#2a496d;box-shadow:0 28px 80px #0000009e}.app-shell:not(.theme-light) .role-editor-dialog header,.app-shell:not(.theme-light) .role-editor-dialog footer,.app-shell:not(.theme-light) .role-editor-rules{border-color:#29425f}.app-shell:not(.theme-light) .role-editor-fields label{color:#bcd1e8}.app-shell:not(.theme-light) .role-editor-fields input{color:#f7fbff;background:#0b1523;border-color:#36526f}.app-shell:not(.theme-light) .role-editor-fields input:focus{border-color:#2894ff;box-shadow:0 0 0 3px #2894ff2e}.app-shell:not(.theme-light) .role-editor-rules .rbac-rule{background:#0d1c30;border-color:#2d4a69}.app-shell:not(.theme-light) .role-editor-rules .rbac-rule:hover{background:#10253e;border-color:#3b78aa}.app-shell:not(.theme-light) .role-editor-rules .rbac-rule strong{color:#f2f7ff}.app-shell:not(.theme-light) .role-editor-rules .rbac-rule small{color:#a9c3de}.app-shell:not(.theme-light) .role-editor-rules .rbac-rule input{accent-color:#2495ff}.theme-light .role-editor-dialog{background:#fff;border-color:#cbd9e7;box-shadow:0 28px 80px #1f365533}.theme-light .role-editor-dialog header,.theme-light .role-editor-dialog footer,.theme-light .role-editor-rules{border-color:#d9e3ed}.theme-light .role-editor-fields label{color:#40546d}.theme-light .role-editor-fields input{color:#172033;background:#fdfefe;border-color:#cbd9e7}.theme-light .role-editor-rules .rbac-rule{background:#f8fbfe;border-color:#d5e1ed}.theme-light .role-editor-rules .rbac-rule:hover{background:#edf6ff;border-color:#8abdf0}.theme-light .role-editor-rules .rbac-rule strong{color:#172033}.theme-light .role-editor-rules .rbac-rule small{color:#60738b}.theme-light .role-editor-rules .rbac-rule input{accent-color:#0878e8}.theme-light .role-delete-button{color:#b4232d;background:#fff0f1}.department-list{gap:10px;margin-top:14px;display:grid}.department-card{background:#102039;border:1px solid #314b6c;border-radius:14px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.department-card.inactive{opacity:.67}.department-card-main{min-width:0;color:inherit;text-align:left;background:0 0;flex:auto;gap:4px;padding:14px 16px;display:grid}.department-card-main strong{color:#f5f7fb;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.department-card-main span{color:#b9cce0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.department-card-main small{color:#80c1ff;font-size:9px}.department-card-actions{align-items:center;gap:8px;padding:10px;display:flex}.department-card-actions .settings-user-status{width:76px;min-width:76px;min-height:48px}.department-delete{color:#ff9f97;background:#ff453a1f;border-radius:9px;height:36px;padding:0 11px;font-size:10px;font-weight:750}.department-editor-dialog{width:min(600px,100vw - 32px);height:auto}.role-editor-fields select{color:#f7fbff;background:#0b1523;border:1px solid #36526f;border-radius:9px;outline:none;width:100%;height:40px;padding:0 11px}.role-editor-fields select:focus{border-color:#2894ff;box-shadow:0 0 0 3px #2894ff2e}.profile-fields input[readonly]{cursor:default;opacity:.78}.theme-light .department-card{background:#f8fbfe;border-color:#d5e1ed}.theme-light .department-card-main strong{color:#172033}.theme-light .department-card-main span{color:#526f8b}.theme-light .department-card-main small{color:#2466a8}.theme-light .department-delete{color:#b4232d;background:#fff0f1}.theme-light .role-editor-fields select{color:#172033;background:#fff;border-color:#cbd9e7}@media(max-width:699px){.department-card{flex-direction:column}.department-card-actions{padding-top:0}.department-card-actions .settings-user-status,.department-delete{flex:1 1 0;width:auto;min-width:0;min-height:40px}.department-editor-dialog{width:calc(100vw - 20px)}}.rbac-permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.rbac-permission-group{background:#0713226b;border:1px solid #2d4a69;border-radius:12px;align-content:start;gap:8px;padding:12px;display:grid}.rbac-permission-group header{border-bottom:1px solid #29425f;justify-content:space-between;align-items:center;padding:0 2px 8px;display:flex}.rbac-permission-group header strong{color:#eaf4ff;font-size:12px}.rbac-permission-group header span{color:#8dccff;font-size:9px}.rbac-permission-group .rbac-rule{margin:0;padding:9px}.rbac-page-label{text-transform:uppercase;letter-spacing:.04em;font-weight:750;color:#78bdff!important;margin:0 0 3px!important;font-size:9px!important}.theme-light .rbac-permission-group{background:#f7fbff;border-color:#d5e1ed}.theme-light .rbac-permission-group header{border-color:#dce6f0}.theme-light .rbac-permission-group header strong{color:#25364d}.theme-light .rbac-permission-group header span,.theme-light .rbac-page-label{color:#2466a8!important}.rbac-empty-group{color:#9abbdc;text-align:center;border:1px dashed #8dccff47;border-radius:9px;margin:2px 0 0;padding:10px;font-size:10px}.theme-light .rbac-empty-group{color:#71839a;border-color:#cbd9e7}@media(max-width:699px){.rbac-permission-groups{grid-template-columns:1fr}}.app-toast{border-width:1px 1px 1px 4px;border-left-style:solid;border-left-color:#0a84ff;width:min(440px,100vw - 42px);padding:15px 13px 15px 16px;top:94px;box-shadow:0 20px 52px #0000007a}.app-toast-success{background:linear-gradient(135deg,#0b442afa,#122a21fa);border-color:#30d1589e #30d1589e #30d1589e #30d158}.app-toast-error{background:linear-gradient(135deg,#532021fa,#2d1b1ffa);border-color:#ff453aad #ff453aad #ff453aad #ff453a}.app-toast:not(.app-toast-success):not(.app-toast-error){background:linear-gradient(135deg,#11395cfa,#181f2efa);border-color:#0a84ffa8}.app-toast-indicator{width:11px;height:11px;margin-top:4px}.app-toast strong{font-size:13px;font-weight:800}.app-toast p{color:#e4ecf6;margin-top:4px;font-size:12px}.app-toast-enter-active{transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1)}.app-toast-enter-from{opacity:0;transform:translateY(-20px)scale(.96)}.theme-light .app-toast-success{background:linear-gradient(135deg,#effcf4,#fff)}.theme-light .app-toast-error{background:linear-gradient(135deg,#fff1f0,#fff)}.theme-light .app-toast:not(.app-toast-success):not(.app-toast-error){background:linear-gradient(135deg,#eef7ff,#fff)}.theme-light .app-toast p{color:#40546d}@media(max-width:760px){.app-toast{width:calc(100vw - 24px);padding:14px 12px 14px 14px;top:74px}}.app-shell:not(.theme-light){color:#f5f7fb;background:#07090d}.app-shell:not(.theme-light) .content{background:radial-gradient(circle at 50% -20%,#0a84ff24,#0000 38%),#07090d}.app-shell:not(.theme-light) .top-header{background:#0a0b0ef5;border-bottom-color:#ffffff1f}.app-shell:not(.theme-light) .sidebar{background:#111318;border-right-color:#ffffff1f}.app-shell:not(.theme-light) .settings-panel,.app-shell:not(.theme-light) .device-management-card,.app-shell:not(.theme-light) .device-overview,.app-shell:not(.theme-light) .combined-panel,.app-shell:not(.theme-light) .combined-kpi,.app-shell:not(.theme-light) .summary-card,.app-shell:not(.theme-light) .interface-summary,.app-shell:not(.theme-light) .interface-panel,.app-shell:not(.theme-light) .ranking-card,.app-shell:not(.theme-light) .global-card{background:#1c1c1f;border-color:#ffffff24}.app-shell:not(.theme-light) .settings-section,.app-shell:not(.theme-light) .role-group-card,.app-shell:not(.theme-light) .device-interface-row,.app-shell:not(.theme-light) .settings-user-row{background:#242428;border-color:#ffffff1f}.app-shell:not(.theme-light) .settings-tabs button,.app-shell:not(.theme-light) .theme-options,.app-shell:not(.theme-light) .settings-user-form input,.app-shell:not(.theme-light) .settings-user-form fieldset,.app-shell:not(.theme-light) .role-editor-fields input,.app-shell:not(.theme-light) .device-form-grid input,.app-shell:not(.theme-light) .device-form-grid select{color:#f5f7fb;background:#151518;border-color:#ffffff2e}.app-shell:not(.theme-light) .settings-tabs button:not(.active){color:#c5cad4}.app-shell:not(.theme-light) .page-heading h1,.app-shell:not(.theme-light) .device-navbar-title h1,.app-shell:not(.theme-light) .settings-section-heading strong,.app-shell:not(.theme-light) .role-group-details strong,.app-shell:not(.theme-light) .settings-user-row strong{color:#fff}.app-shell:not(.theme-light) .page-heading p,.app-shell:not(.theme-light) .device-navbar-title p,.app-shell:not(.theme-light) .settings-section-heading span,.app-shell:not(.theme-light) .role-group-details span,.app-shell:not(.theme-light) .settings-user-row small{color:#b9c0cc}.theme-light{color:#172033;background:#f3f6fa}.theme-light .page-wrapper,.theme-light .content{background:#f3f6fa}.theme-light .content{background:radial-gradient(circle at 50% -20%,#0a84ff1a,#0000 38%),#f3f6fa}.theme-light .top-header,.theme-light .sidebar{background:#fffffffa;border-color:#d8e1ec}.theme-light .settings-panel,.theme-light .device-management-card,.theme-light .device-overview,.theme-light .combined-panel,.theme-light .combined-kpi,.theme-light .summary-card,.theme-light .interface-summary,.theme-light .interface-panel,.theme-light .ranking-card,.theme-light .global-card{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}.theme-light .settings-section,.theme-light .role-group-card,.theme-light .device-interface-row,.theme-light .settings-user-row{background:#f8fafd;border-color:#dbe4ee}.theme-light .settings-tabs button,.theme-light .theme-options,.theme-light .settings-user-form input,.theme-light .settings-user-form fieldset,.theme-light .role-editor-fields input,.theme-light .device-form-grid input,.theme-light .device-form-grid select{color:#172033;background:#fff;border-color:#cfdbe8}.theme-light .settings-tabs button:not(.active){color:#40546d}.theme-light .settings-section-heading strong,.theme-light .role-group-details strong,.theme-light .settings-user-row strong{color:#172033}.theme-light .settings-section-heading span,.theme-light .role-group-details span,.theme-light .settings-user-row small{color:#60738b}.theme-light .role-group-access{color:#08783a!important;background:#e9f9ef!important}.theme-light .role-group-edit{color:#075fb7!important;background:#eaf4ff!important}.theme-light .role-group-delete{color:#b4232d!important;background:#fff0f1!important}.theme-light .device-primary-button{background:#0878e8}.theme-light .nav-item-active{color:#075fb7;background:#e6f1ff}@media(max-width:480px){.device-page-header{flex-direction:column;align-items:flex-start}.device-primary-button{width:100%}.device-management-card{padding:15px}.device-management-card header{flex-direction:column;align-items:stretch}.device-management-actions button{flex:1}.device-form-actions{flex-direction:column-reverse}.device-form-actions button{width:100%}}.settings-navigation-card .settings-tabs button{flex:1 1 0;justify-content:center;min-width:0;display:inline-flex}.device-interface-row .interface-toggle{width:36px;height:20px;color:inherit;background:#636366;border-radius:99px;padding:0;transition:background .18s;position:relative}.device-interface-row .interface-toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.device-interface-row .interface-toggle.active{background:#30d158}.device-interface-row .interface-toggle.active span{transform:translate(16px)}.theme-light .device-interface-row .interface-toggle{background:#8e8e93}.theme-light .device-interface-row .interface-toggle.active{background:#34c759}.device-interface-actions{align-items:center;gap:8px;display:flex}.device-interface-row .interface-alias-button{color:#8dccff;background:#0a84ff21;width:auto;height:28px;padding:0 9px}.alias-editor-modal{width:min(460px,100%)}.alias-editor-field{color:#a1a1a6;gap:7px;font-size:10px;font-weight:700;display:grid}.alias-editor-field input{color:#f5f5f7;background:#00000040;border:1px solid #ffffff24;border-radius:9px;outline:none;height:40px;padding:0 11px;font-size:11px}.theme-light .alias-editor-field input{color:#33465e;background:#fff;border-color:#d5e0ec}.device-service-note{box-sizing:border-box;color:#8dccff;background:#0a84ff14;border:1px solid #0a84ff38;border-radius:9px;align-self:end;min-height:38px;padding:9px 10px;font-size:9px;line-height:1.35}.theme-light .device-service-note{color:#2466a8;background:#edf6ff;border-color:#c7dff5}.device-management-dot.inventory{background:#8e8e93}.device-pagination{justify-content:center;align-items:center;gap:12px;padding:4px 0;display:flex}.device-pagination button{color:#8dccff;background:#0a84ff1f;border:1px solid #0a84ff52;border-radius:9px;height:34px;padding:0 12px;font-size:10px;font-weight:700}.device-pagination button:disabled{opacity:.35;cursor:default}.device-pagination span{color:#98989d;font-size:10px}.theme-light .device-pagination button{color:#2466a8;background:#edf6ff;border-color:#c7dff5}.template-settings label:nth-child(3){display:none}.summary-interface-card,.device-management-card,.combined-panel{content-visibility:auto;contain-intrinsic-size:auto 520px}.summary-interface-alias-inline{color:#62c5ff;text-shadow:0 0 10px #62c5ff73;font-size:1.2em;font-weight:900}.summary-card-body{display:block}.summary-live-traffic{box-sizing:border-box;width:100%}.top-header,.sidebar,.mobile-bottom-nav,.summary-modal-backdrop,.settings-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.traffic-gauge,.donut{filter:none!important}@media(max-width:768px){.top-header,.sidebar,.mobile-bottom-nav,.summary-modal-backdrop,.settings-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.traffic-gauge,.donut{filter:none}}.interface-summary-list{gap:14px;grid-template-columns:minmax(0,1fr)!important}.interface-summary-list .summary-interface-card{border-radius:18px;padding:16px}.interface-summary-list .summary-card-heading{gap:12px;min-height:52px}.interface-summary-list .summary-index{width:28px;height:28px;font-size:11px}.interface-summary-list .summary-interface-name strong{letter-spacing:-.01em;font-size:16px;line-height:1.2}.interface-summary-list .summary-interface-name small{margin-top:5px;font-size:11px}.interface-summary-list .summary-interface-alias-inline{color:#62c5ff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:100%;margin-top:5px;font-size:13px;font-weight:850;line-height:1.25;display:inline-flex;overflow:hidden}.interface-summary-list .summary-interface-alias-inline em{color:#9ddcff;letter-spacing:.06em;text-transform:uppercase;background:#0a84ff29;border-radius:99px;flex:none;padding:2px 6px;font-size:8px;font-style:normal}.interface-summary-list .summary-live-traffic{border-radius:14px;margin-top:12px;padding:10px}.interface-summary-list .summary-live-values{gap:12px}.interface-summary-list .summary-live-values div{border-radius:12px;min-height:146px;padding:17px 22px 18px}.interface-summary-list .summary-live-values small{font-size:15px;font-weight:650}.interface-summary-list .summary-live-values strong{letter-spacing:-.035em;margin-top:20px;font-size:clamp(29px,3vw,46px);font-weight:850;line-height:1}.interface-summary-list .summary-packet-rate{margin-top:18px;font-size:14px}.interface-summary-list .summary-total-value{font-size:17px;top:18px;right:20px}.interface-summary-list .summary-drop-rate{font-size:13px;bottom:18px;right:20px}.theme-light .interface-summary-list .summary-interface-alias-inline{color:#0071e3;text-shadow:none}.theme-light .interface-summary-list .summary-interface-alias-inline em{color:#2466a8;background:#e7f3ff}@media(max-width:640px){.interface-summary-list .summary-interface-card{padding:13px}.interface-summary-list .summary-card-heading{align-items:flex-start;gap:9px}.interface-summary-list .summary-interface-name strong{font-size:14px}.interface-summary-list .summary-status{font-size:8px}.interface-summary-list .summary-live-values{grid-template-columns:1fr;gap:8px}.interface-summary-list .summary-live-values div{min-height:120px;padding:14px 16px}.interface-summary-list .summary-live-values strong{margin-top:16px;font-size:34px}.interface-summary-list .summary-total-value{font-size:14px;top:15px;right:16px}.interface-summary-list .summary-packet-rate{margin-top:14px;font-size:12px}.interface-summary-list .summary-drop-rate{font-size:11px;bottom:15px;right:16px}}.interface-summary>.interface-summary-grid{display:none}.interface-summary>.summary-table-wrap{background:#ffffffb3;border:1px solid #3c3c4321;border-radius:18px;margin-top:12px;display:block;overflow-x:auto}.summary-table{min-width:1120px;font-size:12px}.summary-table th{color:#657990;text-transform:none;border-color:#e5ebf2;padding:18px 16px;font-size:11px;font-weight:750}.summary-table td{color:#47627e;vertical-align:middle;border-color:#e8edf3;padding:27px 16px}.summary-table td:nth-child(2){min-width:230px}.summary-table td strong{color:#163451;font-size:14px;font-weight:800}.summary-table td small{color:#7187a0;margin-top:7px;font-size:11px;font-weight:550}.summary-list-index{color:#50708f;background:#edf4fb;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:750;display:grid}.summary-list-alias{color:#0878d7;text-overflow:ellipsis;white-space:nowrap;background:#e9f4ff;border-radius:9px;max-width:180px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-block;overflow:hidden}.summary-table .summary-status{padding:7px 11px;font-size:10px}.summary-status-detail{display:block}.summary-table .summary-rx strong,.summary-table .summary-tx strong{letter-spacing:-.02em;font-size:18px}.summary-table .summary-rx small,.summary-table .summary-tx small{white-space:nowrap}.summary-list-action{color:#52708c;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:25px;line-height:1;display:grid}.summary-list-action:hover{color:#d92d40;background:#fff0f1}.app-shell:not(.theme-light) .interface-summary>.summary-table-wrap{background:#2c2c2ebd;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-table th,.app-shell:not(.theme-light) .summary-table td{border-color:#ffffff1a}.app-shell:not(.theme-light) .summary-table th{color:#a6b6ca}.app-shell:not(.theme-light) .summary-table td strong{color:#edf3fc}.app-shell:not(.theme-light) .summary-list-index{color:#84c8ff;background:#0a84ff2b}.app-shell:not(.theme-light) .summary-list-alias{color:#62c5ff;background:#0a84ff24}@media(max-width:768px){.interface-summary>.summary-table-wrap{border-radius:14px}.summary-table{min-width:950px}.summary-table th{padding:14px 12px}.summary-table td{padding:18px 12px}}@media(max-width:640px){.interface-summary{padding:10px}.interface-summary>.summary-table-wrap{background:0 0;border:0;border-radius:0;margin-top:8px;overflow:visible}.summary-table{min-width:0;display:block}.summary-table thead{display:none}.summary-table tbody{gap:12px;display:grid}.summary-table tr,.summary-table tbody tr:not(:has(.summary-empty)){background:#fff;border:1px solid #e3eaf2;border-radius:15px;grid-template-columns:38px minmax(0,1fr) auto auto;grid-template-areas:"index interface status action"".alias alias.""download download upload upload""total-rx total-rx total-tx total-tx";gap:12px 10px;margin:0;padding:18px 16px;display:grid;box-shadow:0 4px 14px #30486912}.summary-table td{white-space:normal;border:0;min-width:0;padding:0}.summary-table td:first-child{grid-area:index;display:block}.summary-table td:nth-child(2){grid-area:alias;align-self:start}.summary-table td:nth-child(3){grid-area:interface}.summary-table td:nth-child(4){grid-area:status;align-self:center}.summary-table td:nth-child(5){grid-area:download}.summary-table td:nth-child(6){grid-area:upload}.summary-table td:nth-child(7){grid-area:total-rx}.summary-table td:nth-child(8){grid-area:total-tx}.summary-table td:nth-child(9){grid-area:action;align-self:center}.summary-list-index{width:34px;height:34px;font-size:11px}.summary-table td:nth-child(3) .summary-interface-name strong{font-size:14px}.summary-table td:nth-child(3) .summary-interface-name small{color:#2466a8;background:#edf6ff;border-radius:99px;margin-top:5px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-block}.summary-list-alias{border-radius:99px;max-width:100%;padding:4px 8px;font-size:9px}.summary-status-detail{display:none!important}.summary-table .summary-status{padding:6px 9px;font-size:9px}.summary-table td:nth-child(5),.summary-table td:nth-child(6){border-top:1px solid #edf1f5;min-height:69px;padding:13px 0 8px}.summary-table td:nth-child(5){border-right:1px solid #edf1f5;padding-left:2px}.summary-table td:nth-child(6){padding-left:20px}.summary-table .summary-rx strong,.summary-table .summary-tx strong{font-size:20px}.summary-table .summary-rx small,.summary-table .summary-tx small{margin-top:8px;font-size:10px}.summary-table td:nth-child(7),.summary-table td:nth-child(8){border-top:1px solid #edf1f5;align-items:center;gap:10px;padding-top:14px;display:flex}.summary-table td:nth-child(7):before,.summary-table td:nth-child(8):before{border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid}.summary-table td:nth-child(7):before{content:"↓";color:#079df5;background:#edf8ff}.summary-table td:nth-child(8):before{content:"↑";color:#9a52f4;background:#f6eeff}.summary-table td:nth-child(7) strong:before,.summary-table td:nth-child(8) strong:before{color:#60758f;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.summary-table td:nth-child(7) strong:before{content:"Total Download"}.summary-table td:nth-child(8) strong:before{content:"Total Upload"}.summary-table td:nth-child(7) strong,.summary-table td:nth-child(8) strong{font-size:19px}.summary-list-action{color:#54718d;width:26px;height:32px;font-size:24px}.app-shell:not(.theme-light) .summary-table tr,.app-shell:not(.theme-light) .summary-table tbody tr:not(:has(.summary-empty)){box-shadow:none;background:#2c2c2ee6;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-table td:nth-child(5),.app-shell:not(.theme-light) .summary-table td:nth-child(6),.app-shell:not(.theme-light) .summary-table td:nth-child(7),.app-shell:not(.theme-light) .summary-table td:nth-child(8){border-color:#ffffff1a}}@media(min-width:641px)and (max-width:768px){.interface-summary{padding:14px}.interface-summary>.summary-table-wrap{-webkit-overflow-scrolling:touch;background:#ffffffc7;border:1px solid #3c3c4321;border-radius:15px;margin-top:10px;display:block;overflow-x:auto}.summary-table{border-collapse:collapse;width:100%;min-width:1040px;font-size:11px;display:table}.summary-table thead{display:table-header-group}.summary-table tbody{display:table-row-group}.summary-table tr,.summary-table tbody tr:not(:has(.summary-empty)){box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}.summary-table th{color:#657990;text-transform:none;border-bottom:1px solid #e5ebf2;padding:15px 13px;font-size:10px;font-weight:750;display:table-cell}.summary-table td,.summary-table td:nth-child(n){vertical-align:middle;white-space:nowrap;border:0;border-bottom:1px solid #e8edf3;min-width:0;min-height:0;padding:20px 13px;display:table-cell}.summary-table td:before,.summary-table td:after{content:none!important;display:none!important}.summary-table td:nth-child(2){min-width:auto}.summary-table td:nth-child(3){min-width:180px}.summary-table .summary-status-detail{display:block}.summary-table .summary-rx strong,.summary-table .summary-tx strong{font-size:16px}.summary-table tbody tr:last-child td{border-bottom:0}.app-shell:not(.theme-light) .interface-summary>.summary-table-wrap{background:#2c2c2ebd;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-table th,.app-shell:not(.theme-light) .summary-table td,.app-shell:not(.theme-light) .summary-table td:nth-child(n){border-color:#ffffff1a}}@media(min-width:769px)and (max-width:1100px){.interface-summary>.summary-table-wrap{overflow-x:auto}.summary-table{min-width:1100px}.traffic-summary-heading{align-items:flex-start}.traffic-summary-controls{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:640px){.summary-table td:nth-child(4):before{content:none!important;display:none!important}.summary-table td:nth-child(4),.summary-table td:nth-child(9){justify-self:end}.summary-table td:nth-child(5),.summary-table td:nth-child(6){position:relative;overflow:hidden}.summary-table td:nth-child(5){background:linear-gradient(90deg,#0a84ff14,#0000 80%);padding-left:10px}.summary-table td:nth-child(6){text-align:right;background:linear-gradient(270deg,#9959ff14,#0000 80%);padding-right:10px}.summary-table td:nth-child(5):before,.summary-table td:nth-child(6):before{letter-spacing:.04em;margin-bottom:8px;font-size:10px;font-weight:800;display:block!important}.summary-table td:nth-child(5):before{color:#078fe7;content:"↓  DOWNLOAD"!important}.summary-table td:nth-child(6):before{color:#9252f1;content:"UPLOAD  ↑"!important}.summary-table td:nth-child(5) small,.summary-table td:nth-child(6) small{font-weight:650}.summary-table td:nth-child(6) small{text-align:right}.summary-table td:nth-child(7){background:linear-gradient(90deg,#0a84ff0b,#0000 76%);justify-content:flex-start}.summary-table td:nth-child(8){text-align:right;background:linear-gradient(270deg,#9959ff0b,#0000 76%);flex-direction:row-reverse;justify-content:flex-end}.summary-table td:nth-child(8) strong:before{text-align:right}.summary-table .summary-rx strong,.summary-table .summary-tx strong{text-shadow:0 2px 10px #0f315414}.summary-table tbody tr:not(:has(.summary-empty)){transition:transform .2s,box-shadow .2s}.summary-table tbody tr:not(:has(.summary-empty)):active{transform:scale(.992);box-shadow:0 2px 8px #30486914}.summary-status:not(.offline){animation:2.4s ease-in-out infinite monitoring-status-pulse}.app-shell:not(.theme-light) .summary-table td:nth-child(5){background:linear-gradient(90deg,#0a84ff1f,#0000 80%)}.app-shell:not(.theme-light) .summary-table td:nth-child(6){background:linear-gradient(270deg,#9959ff1f,#0000 80%)}}@keyframes monitoring-status-pulse{50%{box-shadow:0 0 0 5px #30d15800}0%,to{box-shadow:0 0 #30d15842}}@media(prefers-reduced-motion:reduce){.summary-status:not(.offline){animation:none}.summary-table tbody tr:not(:has(.summary-empty)){transition:none}}.summary-mobile-list{display:none}@media(min-width:769px){.interface-summary>.summary-table-wrap{background:#ffffffb8;border:1px solid #3c3c4321;border-radius:18px;width:100%;display:block;overflow-x:auto}.summary-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1140px;display:table}.summary-table thead{display:table-header-group}.summary-table tbody{display:table-row-group}.summary-table tr,.summary-table tbody tr:not(:has(.summary-empty)){box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}.summary-table th{border-bottom:1px solid #e5ebf2;padding:17px 15px;display:table-cell}.summary-table td,.summary-table td:nth-child(n){vertical-align:middle;white-space:nowrap;border:0;border-bottom:1px solid #e8edf3;padding:22px 15px;display:table-cell}.summary-table td:before,.summary-table td:after{content:none!important;display:none!important}.summary-table tbody tr:last-child td{border-bottom:0}.app-shell:not(.theme-light) .interface-summary>.summary-table-wrap{background:#2c2c2ebd;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-table th,.app-shell:not(.theme-light) .summary-table td,.app-shell:not(.theme-light) .summary-table td:nth-child(n){border-color:#ffffff1a}}@media(max-width:1023px){.interface-summary>.interface-summary-grid,.interface-summary>.summary-table-wrap{display:none!important}.summary-mobile-list{gap:14px;margin-top:10px;display:grid}.summary-mobile-card,.summary-mobile-empty{background:#fff;border:1px solid #dce6f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #2a426314}.summary-mobile-empty{color:#657990;text-align:center;padding:32px 18px;font-size:12px}.summary-mobile-card-header{grid-template-columns:38px minmax(0,1fr) auto 28px;align-items:start;gap:10px;padding:17px 16px 14px;display:grid}.summary-mobile-identity{min-width:0}.summary-mobile-identity>strong{color:#173451;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;display:block;overflow:hidden}.summary-mobile-identity>div{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.summary-mobile-device,.summary-mobile-interface{border-radius:99px;align-items:center;min-height:20px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.summary-mobile-device{color:#2466a8;background:#edf6ff}.summary-mobile-interface{color:#0878d7;text-overflow:ellipsis;white-space:nowrap;background:#e9f4ff;max-width:128px}.summary-mobile-card .summary-status{align-self:center;padding:6px 9px;font-size:9px}.summary-mobile-card .summary-list-action{align-self:center}.summary-mobile-rates{border-top:1px solid #e9eff5;border-bottom:1px solid #e9eff5;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-mobile-rate{min-width:0;padding:15px 16px}.summary-mobile-rate+.summary-mobile-rate{text-align:right;border-left:1px solid #e9eff5}.summary-mobile-rate small,.summary-mobile-rate strong,.summary-mobile-rate span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-mobile-rate small{font-size:10px;font-weight:700}.summary-mobile-rate strong{letter-spacing:-.035em;margin-top:8px;font-size:clamp(20px,6.2vw,29px);line-height:1}.summary-mobile-rate span{color:#647b95;margin-top:9px;font-size:10px;font-weight:600}.summary-mobile-totals{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-mobile-totals div{min-width:0;padding:14px 16px 16px}.summary-mobile-totals div+div{text-align:right}.summary-mobile-totals small,.summary-mobile-totals strong{display:block}.summary-mobile-totals small{color:#647b95;font-size:10px}.summary-mobile-totals strong{letter-spacing:-.03em;margin-top:7px;font-size:20px;line-height:1}.theme-light .summary-mobile-card,.theme-light .summary-mobile-empty{background:#fff;border-color:#dce6f0}.theme-light .summary-mobile-identity>strong{color:#173451}.app-shell:not(.theme-light) .summary-mobile-card,.app-shell:not(.theme-light) .summary-mobile-empty{box-shadow:none;background:#2c2c2ee6;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-mobile-identity>strong{color:#f5f5f7}.app-shell:not(.theme-light) .summary-mobile-rates,.app-shell:not(.theme-light) .summary-mobile-rate+.summary-mobile-rate{border-color:#ffffff1a}}@media(max-width:380px){.summary-mobile-card-header{grid-template-columns:34px minmax(0,1fr) auto 24px;gap:7px;padding-inline:12px}.summary-mobile-rate,.summary-mobile-totals div{padding-inline:12px}.summary-mobile-rate strong{font-size:19px}}@media(max-width:1023px){.summary-mobile-card:not(.expanded) .summary-mobile-totals{display:none}.summary-mobile-totals{display:none!important}}.summary-live-detail-modal{width:min(620px,100vw - 28px)}.summary-live-connection{color:#08783a;align-items:center;gap:7px;margin:16px 0 12px;font-size:11px;font-weight:750;display:flex}.summary-live-connection span{background:#30d158;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #30d15821}.summary-live-detail-rates{border:1px solid #dce6f0;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.summary-live-detail-rates>div{min-width:0;padding:17px}.summary-live-detail-rates>div+div{text-align:right;border-left:1px solid #dce6f0}.summary-live-detail-rates small,.summary-live-detail-rates strong,.summary-live-detail-rates span{display:block}.summary-live-detail-rates small{font-size:11px;font-weight:750}.summary-live-detail-rates strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(26px,8vw,38px);line-height:1}.summary-live-detail-rates span{color:#647b95;margin-top:10px;font-size:10px}.summary-live-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.summary-live-detail-stats section{border:1px solid #dce6f0;border-radius:12px;min-width:0;padding:13px}.summary-live-detail-stats small{color:#647b95;font-size:10px;display:block}.summary-live-detail-stats div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.summary-live-detail-stats strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.app-shell:not(.theme-light) .summary-live-detail-rates,.app-shell:not(.theme-light) .summary-live-detail-rates>div+div,.app-shell:not(.theme-light) .summary-live-detail-stats section{border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-live-detail-rates span,.app-shell:not(.theme-light) .summary-live-detail-stats small{color:#b9c0cc}@media(max-width:520px){.summary-live-detail-stats{grid-template-columns:1fr}.summary-live-detail-rates>div{padding:14px 12px}.summary-live-detail-rates strong{font-size:25px}}.summary-desktop-list{display:none}@media(min-width:769px){.interface-summary>.summary-table-wrap{display:none!important}.summary-desktop-list{background:#fff;border:1px solid #dce6f0;border-radius:20px;width:100%;display:block;overflow-x:auto}.summary-desktop-head,.summary-desktop-row{grid-template-columns:36px minmax(112px,.9fr) minmax(250px,1.7fr) minmax(88px,.7fr) minmax(132px,1fr) minmax(132px,1fr) minmax(92px,.72fr) minmax(92px,.72fr) 28px;align-items:center;column-gap:8px;min-width:1080px;display:grid}.summary-desktop-head{color:#61758e;min-height:56px;padding:0 16px;font-size:10px;font-weight:800}.summary-desktop-row{border-top:1px solid #e7edf3;min-height:102px;padding:0 16px;transition:background .18s}.summary-desktop-row:hover{background:#f8fbff}.summary-desktop-interface,.summary-desktop-rate{min-width:0}.summary-desktop-interface strong,.summary-desktop-rate strong{color:#183451;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2;display:block;overflow:hidden}.summary-desktop-interface small,.summary-desktop-rate small,.summary-desktop-row .summary-status-detail{color:#7086a0;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:9px;font-weight:650;display:block;overflow:hidden}.summary-desktop-rate strong{letter-spacing:-.025em;font-size:15px}.summary-desktop-row>.summary-rx,.summary-desktop-row>.summary-tx{letter-spacing:-.025em;white-space:nowrap;font-size:15px}.summary-desktop-row .summary-list-alias{justify-self:start;max-width:100%}.summary-desktop-row .summary-list-action{justify-self:end}.summary-desktop-row .summary-list-index{width:30px;height:30px;font-size:10px}.summary-desktop-row .summary-list-alias{padding:6px 8px;font-size:9px}.summary-desktop-row .summary-status{padding:6px 8px;font-size:8px}.summary-desktop-empty{color:#7086a0;text-align:center;border-top:1px solid #e7edf3;min-width:1080px;padding:40px 16px;font-size:11px}.theme-light .summary-desktop-list{background:#fff;border-color:#dce6f0}.theme-light .summary-desktop-row:hover{background:#f8fbff}.app-shell:not(.theme-light) .summary-desktop-list{background:#2c2c2edb;border-color:#ffffff1f}.app-shell:not(.theme-light) .summary-desktop-row,.app-shell:not(.theme-light) .summary-desktop-empty{border-color:#ffffff1a}.app-shell:not(.theme-light) .summary-desktop-row:hover{background:#ffffff0b}.app-shell:not(.theme-light) .summary-desktop-interface strong,.app-shell:not(.theme-light) .summary-desktop-rate strong{color:#f5f5f7}}@media(max-width:768px){.summary-desktop-list{display:none!important}}.device-page-tools{align-items:center;gap:9px;display:flex}.device-workspace-toolbar{justify-content:flex-end;padding:2px 0}.device-workspace-toolbar input{width:min(400px,100%)}.device-search-field{color:#8dccff;background:#1c1c1ec7;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;width:min(400px,100%);height:38px;padding:0 12px;display:flex}.device-page-tools .device-search-field input{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0}.device-workspace-toolbar .device-primary-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.device-navbar-title{min-width:0}.device-navbar-title .device-page-eyebrow{margin-bottom:3px}.device-navbar-title h1{color:#f5f5f7;letter-spacing:-.03em;margin:0;font-size:24px}.device-navbar-title p{color:#98989d;margin:4px 0 0;font-size:11px}.device-navbar-tools{margin-left:auto}.top-header .device-navbar-tools input{width:min(460px,32vw)}.theme-light .device-navbar-title h1{color:#1d1d1f}.theme-light .device-navbar-title p{color:#657990}.theme-light .device-search-field{color:#1672cf;background:#fff;border-color:#d5e0ec}.device-page-tools input{color:#f5f5f7;background:#1c1c1ec7;border:1px solid #ffffff24;border-radius:10px;outline:none;width:min(320px,34vw);height:38px;padding:0 12px;font-size:11px}.device-page-tools input:focus{border-color:#0a84ffbf;box-shadow:0 0 0 3px #0a84ff1f}.device-message.success{color:#73e891;background:#30d1581a;border-color:#30d15857}.nap-health-notice{opacity:1;transition:opacity .65s,transform .65s;transform:translateY(0)}.nap-health-notice.success{color:#19a94e;background:#30d1581f;border-color:#30d1586b}.nap-health-notice.info{color:#63b4ff;background:#0a84ff1a;border-color:#0a84ff52}.nap-health-notice.fading{opacity:0;pointer-events:none;transform:translateY(-5px)}.theme-light .nap-health-notice.success{color:#08783a;background:#e9f9ef;border-color:#9ee4b6}.theme-light .nap-health-notice.info{color:#075fb7;background:#edf6ff;border-color:#b9dafa}.device-management-dot.unknown{background:#636366}.device-management-dot.checking{background:#ff9f0a}.device-management-dot.online{background:#30d158}.device-check-label{color:#a1a1a6;background:#8e8e9324;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:750}.device-check-message{color:#98989d;max-width:620px;margin-top:7px;font-size:9px;line-height:1.4;display:block}.device-management-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.device-management-actions button:disabled{opacity:.45;cursor:wait}.device-interface-more{color:#8dccff;background:#0a84ff14;border:1px solid #0a84ff38;border-radius:10px;width:100%;min-height:34px;font-size:10px;font-weight:700}.theme-light .device-page-tools input{color:#33465e;background:#fff;border-color:#d5e0ec}.theme-light .device-check-message{color:#657990}.theme-light .device-interface-more{color:#2466a8;background:#edf6ff;border-color:#c7dff5}.device-workspace{gap:20px}.device-page-eyebrow{color:#64b5ff;letter-spacing:.13em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.device-workspace .device-page-header{padding:2px 2px 0}.device-workspace .device-page-header h2{letter-spacing:-.03em;font-size:24px}.device-workspace .device-page-header p{max-width:460px;font-size:12px;line-height:1.55}.device-overview{background:#1c1c1eb8;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.device-overview article{border-right:1px solid #ffffff17;gap:3px;min-height:90px;padding:17px 18px;display:grid}.device-overview article:last-child{border-right:0}.device-overview span,.device-overview small{color:#98989d;font-size:10px}.device-overview strong{color:#f5f5f7;letter-spacing:-.04em;font-size:25px;line-height:1}.device-overview article:nth-child(3) strong{color:#73e891}.device-overview small{color:#6e6e73}.device-management-card{background:#222224db;border-radius:15px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.device-management-card:hover{border-color:#0a84ff6b;transform:translateY(-1px)}.device-record-info{align-items:flex-start;gap:11px;min-width:0;display:flex}.device-record-icon{color:#8dccff;background:#0a84ff21;border:1px solid #0a84ff4d;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.device-interface-counts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.device-interface-counts span{color:#aebed0;background:#ffffff12;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:650;line-height:1;display:inline-flex}.device-interface-counts strong{color:#f5f7fb;font-size:10px}.device-interface-counts .active{color:#73e891;background:#30d1581f}.device-interface-counts .active strong{color:#73e891}.device-interface-counts .inactive{color:#ff9f97;background:#ff453a1c}.device-interface-counts .inactive strong{color:#ff9f97}.theme-light .device-interface-counts .total{color:#526f8b;background:#edf3f9}.theme-light .device-interface-counts .total strong{color:#193b5f}.theme-light .device-interface-counts .active{color:#08783a;background:#e9f9ef}.theme-light .device-interface-counts .active strong{color:#08783a}.theme-light .device-interface-counts .inactive{color:#b4232d;background:#fff0f1}.theme-light .device-interface-counts .inactive strong{color:#b4232d}.device-management-title h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-check-label{color:#98989d;white-space:nowrap;background:#8e8e9324;border-radius:99px;padding:3px 6px;font-size:9px;font-weight:700}.device-check-label.online{color:#73e891;background:#30d1581f}.device-check-label.offline{color:#ff9f97;background:#ff453a1f}.device-check-label.checking{color:#ffc76a;background:#ff9f0a1f}.device-interface-heading{margin-top:16px}.theme-light .device-overview{background:#ffffffd1;border-color:#3c3c4321;box-shadow:0 8px 24px #3c3c430f}.theme-light .device-overview article{border-color:#3c3c431a}.theme-light .device-overview strong{color:#1d1d1f}.theme-light .device-overview small{color:#657990}.theme-light .device-record-icon{color:#2466a8;background:#edf6ff;border-color:#c7dff5}@media(max-width:760px){.device-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.device-overview article:nth-child(2){border-right:0}.device-overview article:nth-child(-n+2){border-bottom:1px solid #ffffff17}}@media(max-width:480px){.device-overview article{min-height:78px;padding:13px}.device-overview strong{font-size:22px}.device-record-icon{width:32px;height:32px}.device-management-title{flex-wrap:wrap}.device-check-label{margin-left:16px}}.operations-module-page{gap:18px;display:grid}.operations-module-card{background:#1c1c1eb8;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden}.operations-module-card>header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.operations-module-card>header h2{color:#f5f5f7;margin:0;font-size:17px}.operations-module-card>header p{color:#8f9bb0;margin:4px 0 0;font-size:11px}.operations-module-card>header>span{color:#8f9bb0;font-size:11px;font-weight:700}.operations-live-badge{background:#e3f8ec;border-radius:999px;padding:6px 10px;color:#08783a!important}.operations-live-badge.offline{background:#ffebed;color:#c62832!important}.operations-online{color:#11a34a!important}.operations-offline{color:#ef3944!important}.operations-nap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.operations-nap-grid article{background:#ffffff06;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.operations-nap-grid article>div:not(.operations-nap-icon){gap:4px;min-width:0;display:grid}.operations-nap-grid strong,.operations-nap-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operations-nap-grid article>div>strong{color:#f5f5f7;font-size:13px}.operations-nap-grid small{color:#8f9bb0;font-size:10px}.operations-nap-grid article>span{font-size:11px;font-weight:800}.operations-nap-icon{color:#168cff;background:#168cff1f;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.theme-light .operations-module-card{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}.theme-light .operations-module-card>header{border-color:#e3eaf2}.theme-light .operations-module-card>header h2,.theme-light .operations-nap-grid article>div>strong{color:#12355d}.theme-light .operations-nap-grid article{background:#f8fafd;border-color:#dbe4ee}@media(max-width:900px){.operations-nap-grid{grid-template-columns:1fr}}@media(max-width:700px){.operations-module-page{gap:12px}.operations-module-card>header{align-items:flex-start;padding:15px}.operations-nap-grid{padding:10px}.operations-nap-grid article{grid-template-columns:auto minmax(0,1fr)}.operations-nap-grid article>span{grid-column:2}}.nap-health-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.nap-health-kpis article{background:#1c1c1eb8;border:1px solid #ffffff1a;border-radius:18px;gap:8px;min-height:128px;padding:20px;display:grid}.nap-health-kpis span,.nap-health-kpis small{color:#8fa2b9;font-size:11px}.nap-health-kpis strong{color:#f5f5f7;font-size:28px;line-height:1.1}.nap-score-track{background:#ffffff1a;border-radius:99px;height:7px;overflow:hidden}.nap-score-track i{border-radius:inherit;background:linear-gradient(90deg,#32d6d0,#168cff,#8b7cff);height:100%;display:block}.nap-health-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.nap-health-toolbar h2,.nap-health-toolbar p{margin:0}.nap-health-toolbar h2{font-size:19px}.nap-health-toolbar p{color:#8fa2b9;margin-top:4px;font-size:11px}.nap-health-toolbar>div:last-child,.nap-device-actions{align-items:center;gap:9px;display:flex}.nap-test-backdrop{z-index:190;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030a169e;place-items:center;padding:18px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.nap-test-dialog{color:#f5f5f7;background:#1c1c1f;border:1px solid #ffffff24;border-radius:20px;width:min(560px,100%);max-height:calc(100dvh - 36px);padding:20px;overflow:auto;box-shadow:0 26px 80px #0000007a}.nap-test-dialog>header{align-items:center;gap:12px;display:flex}.nap-test-dialog>header>div:nth-child(2){flex:1;min-width:0}.nap-test-dialog h3,.nap-test-dialog p{margin:0}.nap-test-dialog h3{font-size:17px}.nap-test-dialog p{color:#aebed0;margin-top:4px;font-size:10px;line-height:1.45}.nap-test-dialog>header>strong{color:#69b9ff;font-size:20px}.nap-test-dialog>header>button{color:#d1d1d6;background:#ffffff17;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.nap-test-dialog-icon{color:#69b9ff;background:#0a84ff29;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.nap-test-dialog-icon.success{color:#55df80;background:#30d15826}.nap-test-progress-track{background:#ffffff1a;border-radius:999px;height:11px;margin-top:20px;overflow:hidden}.nap-test-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#22c7d8,#0a84ff,#7467f5);height:100%;transition:width .28s;display:block;box-shadow:0 0 16px #0a84ff73}.nap-test-progress-meta{color:#92a6bd;justify-content:space-between;gap:12px;margin-top:8px;font-size:9px;display:flex}.nap-test-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.nap-test-targets>span{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;min-width:0;padding:10px}.nap-test-targets b,.nap-test-targets small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nap-test-targets b{font-size:10px}.nap-test-targets small{color:#91a4ba;margin-top:4px;font-size:8px}.nap-test-result-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.nap-test-result-counts span{text-align:center;background:#ffffff0d;border-radius:12px;padding:13px}.nap-test-result-counts small,.nap-test-result-counts strong{display:block}.nap-test-result-counts small{font-size:8px}.nap-test-result-counts strong{margin-top:5px;font-size:22px}.nap-test-result-counts .good{color:#55df80}.nap-test-result-counts .warning{color:#f5b82e}.nap-test-result-counts .bad{color:#ff6b73}.nap-test-result-devices{gap:7px;margin-top:14px;display:grid}.nap-test-result-devices article{border:1px solid #ffffff17;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.nap-test-result-devices strong,.nap-test-result-devices small{display:block}.nap-test-result-devices strong{font-size:11px}.nap-test-result-devices small{color:#91a4ba;margin-top:3px;font-size:8px}.nap-test-result-devices b{border-radius:999px;padding:5px 8px;font-size:8px}.nap-test-result-devices b.good{color:#55df80;background:#30d15821}.nap-test-result-devices b.warning{color:#f5b82e;background:#f5b82e21}.nap-test-result-devices b.bad{color:#ff6b73;background:#ff453a21}.nap-test-dialog footer{justify-content:flex-end;margin-top:17px;display:flex}.nap-test-progress-track i{will-change:width;transition:width .12s linear;position:relative;overflow:hidden}.nap-test-progress-track i:after{content:"";background:linear-gradient(110deg,#0000 15%,#ffffff73,#0000 75%);animation:1.35s linear infinite nap-progress-shimmer;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%)}.nap-test-progress-meta{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.nap-test-progress-meta strong{color:#69b9ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:800;overflow:hidden}.theme-light .nap-test-progress-meta strong{color:#0878d7}@keyframes nap-progress-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.nap-test-progress-track i{transition-duration:.01ms}.nap-test-progress-track i:after{animation:none}}.nap-secondary-button{color:#9dcbff;background:#168cff14;border:1px solid #168cff40;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.nap-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 20px;display:grid}.nap-settings-grid label{color:#b9c7d8;gap:7px;font-size:10px;font-weight:800;display:grid}.nap-settings-grid input,.nap-target-list input,.nap-target-list select,.nap-target-add input,.nap-target-add select{color:#f5f5f7;background:#111a29;border:1px solid #ffffff1f;border-radius:10px;width:100%;min-width:0;min-height:40px;padding:0 11px}.nap-telegram-settings{background:#ffffff06;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:14px;margin:0 20px 18px;padding:16px;display:grid}.nap-telegram-toggle{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.nap-telegram-toggle .interface-toggle{cursor:pointer;background:#8e8e93;border:0;border-radius:999px;flex:0 0 46px;width:46px;min-width:46px;height:26px;min-height:26px;margin:0;padding:0;transition:background .18s;display:block;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #00000014}.nap-telegram-toggle .interface-toggle>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.nap-telegram-toggle .interface-toggle.active{background:#30c85a}.nap-telegram-toggle .interface-toggle.active>span{transform:translate(20px)}.nap-telegram-toggle .interface-toggle:focus-visible{outline-offset:3px;outline:3px solid #0a84ff4d}.nap-telegram-toggle>div,.nap-telegram-group{gap:5px;min-width:0;display:grid}.nap-telegram-toggle strong,.nap-telegram-group>span{color:#f5f5f7;font-size:12px;font-weight:800}.nap-telegram-toggle small,.nap-telegram-group small{color:#8fa2b9;font-size:10px;line-height:1.45}.nap-telegram-group input{color:#f5f5f7;background:#111a29;border:1px solid #ffffff1f;border-radius:10px;width:100%;min-width:0;min-height:40px;padding:0 11px}.nap-telegram-group input:disabled{cursor:not-allowed;opacity:.55}.nap-target-heading{padding:4px 20px 10px}.nap-target-heading h3,.nap-target-heading p{margin:0}.nap-target-heading h3{font-size:15px}.nap-target-heading p{color:#8fa2b9;margin-top:4px;font-size:10px}.nap-target-list{padding:0 20px;display:grid}.nap-target-list article,.nap-target-add{border-top:1px solid #ffffff14;grid-template-columns:1.1fr 1.5fr .8fr auto auto;align-items:center;gap:10px;padding:11px 0;display:grid}.nap-target-enabled{color:#b9c7d8;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.nap-target-enabled input{width:auto;min-height:0}.nap-delete-button{color:#ff8188;background:#ff454f14;border:1px solid #ff454f47;border-radius:10px;min-height:36px;padding:0 12px;font-size:10px;font-weight:800}.nap-target-add{grid-template-columns:1.1fr 1.5fr .8fr auto;margin:8px 20px 18px}.nap-device-results{gap:16px;display:grid}.nap-device-health-card>header{flex-wrap:wrap}.nap-device-actions{margin-left:auto}.nap-health-status{border-radius:999px;padding:6px 10px;font-weight:900;font-size:10px!important}.nap-health-status.good{background:#26c8651f;color:#26c865!important}.nap-health-status.warning{background:#f5b82e1f;color:#f5b82e!important}.nap-health-status.bad{background:#ff59621f;color:#ff5962!important}.nap-device-metrics{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nap-device-metrics div{border-right:1px solid #ffffff14;gap:5px;padding:15px 20px;display:grid}.nap-device-metrics div:last-child{border-right:0}.nap-device-metrics span{color:#8fa2b9;font-size:10px}.nap-device-metrics strong{font-size:16px}.nap-snapshot-list{gap:14px;padding:14px 20px;display:grid}.nap-snapshot-list article{background:#07111f61;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(220px,1fr) minmax(100px,.25fr) minmax(100px,.25fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.nap-snapshot-list article>div{gap:3px;min-width:0;display:grid}.nap-snapshot-list strong,.nap-snapshot-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nap-snapshot-list small,.nap-snapshot-list span{color:#9eb0c6;font-size:10px}.nap-snapshot-list b{border-radius:999px;justify-self:end;padding:6px 9px;font-size:9px}.nap-snapshot-list b.good{color:#35df78;background:#35df781f}.nap-snapshot-list b.warning{color:#ffc84d;background:#ffc84d1f}.nap-snapshot-list b.bad{color:#ff6871;background:#ff68711f}.nap-snapshot-list b.skipped{color:#9eb0c6;background:#9eb0c61f}.nap-target-error{grid-column:1/-1;color:#ff8188!important;white-space:normal!important}.nap-target-title{grid-column:1/-2}.nap-target-metrics{border-block:1px solid #ffffff14;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nap-target-metrics div{border-right:1px solid #ffffff14;gap:8px;min-height:74px;padding:14px 16px;display:grid}.nap-target-metrics div:last-child{border-right:0}.nap-target-metrics span{color:#8fa2b9;font-size:9px}.nap-target-metrics strong{color:#f5f5f7;font-size:17px}.nap-target-ranges{grid-column:1/-1;align-items:center;margin:0;padding:0}.nap-target-ranges button{border-radius:11px;min-width:76px;min-height:40px}.nap-target-ranges>span{color:#8fa2b9;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.nap-target-snapshot{cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.nap-target-snapshot:hover,.nap-target-snapshot:focus-visible{background:#168cff0f;border-color:#168cff80;outline:none;transform:translateY(-1px)}.nap-mini-chart.nap-front-history-charts{grid-column:1/-1;padding-top:4px;overflow:visible;gap:12px!important;display:grid!important}.nap-front-chart-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:12px}.nap-front-chart-card>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.nap-front-chart-card>header strong{color:#f5f5f7;font-size:13px}.nap-front-chart-card>header span{color:#8fa2b9;font-size:9px}.nap-front-chart-scroll{scrollbar-width:thin;padding-bottom:4px;overflow:auto hidden}.nap-front-chart-plot{grid-template-columns:46px minmax(0,1fr);align-items:stretch;display:grid;position:relative}.nap-front-chart-plot aside{color:#7f91a8;text-align:right;flex-direction:column;justify-content:space-between;padding-right:6px;font-size:8px;display:flex}.nap-front-chart-plot svg{cursor:crosshair;touch-action:pan-x;width:100%;height:150px;display:block;overflow:hidden}.nap-front-chart-card:nth-child(2) .nap-front-chart-plot svg{height:130px}.nap-front-chart-time{color:#7f91a8;white-space:nowrap;justify-content:space-between;gap:8px;margin:6px 0 0 46px;font-size:8px;display:flex}.nap-front-history-charts>small{color:#168cff!important;font-size:8px!important}.nap-chart-grid{fill:none;stroke:#8fa2b92e;stroke-width:1px;vector-effect:non-scaling-stroke}.nap-chart-latency,.nap-chart-loss{fill:none;stroke:#168cff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nap-chart-loss{stroke:#ff5962}.nap-device-health-card>footer{color:#7f91a8;text-align:right;padding:0 20px 14px;font-size:9px}.nap-diagnostics-panel{background:#07111f4d;border:1px solid #ffffff17;border-radius:14px;margin:14px 20px 0;overflow:hidden}.nap-diagnostics-panel>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.nap-diagnostics-panel>header>div{gap:3px;display:grid}.nap-diagnostics-panel>header strong{font-size:14px}.nap-diagnostics-panel>header small{color:#8fa2b9;font-size:9px}.nap-diagnostics-panel>header>b{border-radius:999px;padding:6px 10px;font-size:9px}.nap-diagnostics-panel>header>b.good{color:#35df78;background:#35df781f}.nap-diagnostics-panel>header>b.warning{color:#ffc84d;background:#ffc84d1f}.nap-diagnostics-panel>header>b.bad{color:#ff6871;background:#ff68711f}.nap-diagnostic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.nap-diagnostic-grid>article{background:#ffffff05;border:1px solid #ffffff14;border-radius:11px;align-content:start;gap:7px;min-width:0;padding:12px;display:grid}.nap-diagnostic-grid>article>div{align-items:center;gap:7px;display:flex}.nap-diagnostic-grid i{background:#8fa2b9;border-radius:50%;flex:none;width:8px;height:8px}.nap-diagnostic-grid article.good i{background:#35df78;box-shadow:0 0 0 4px #35df781a}.nap-diagnostic-grid article.warning i{background:#ffc84d}.nap-diagnostic-grid article.bad i{background:#ff5962;box-shadow:0 0 0 4px #ff59621a}.nap-diagnostic-grid>article strong{font-size:11px}.nap-diagnostic-grid>article>span{color:#dbe8f7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.nap-diagnostic-grid>article>small{color:#8fa2b9;white-space:normal;font-size:8px}.nap-diagnostic-grid details{font-size:8px}.nap-diagnostic-grid summary{color:#53aaff;cursor:pointer}.nap-diagnostic-grid ol{gap:4px;max-height:150px;margin:7px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.nap-diagnostic-grid li{color:#9eb0c6;grid-template-columns:20px 1fr auto;gap:5px;display:grid}.nap-diagnostic-analysis{background:#168cff12;border-radius:11px;margin:0 14px 14px;padding:12px 14px}.nap-diagnostic-analysis strong{color:#8fc5ff;font-size:11px}.nap-diagnostic-analysis ul{color:#b9c7d8;gap:5px;margin:8px 0 0;padding-left:18px;font-size:9px;display:grid}.nap-history-backdrop{z-index:120}.nap-history-modal{width:min(1120px,100vw - 34px);max-width:1120px;max-height:calc(100vh - 34px);overflow:auto}.nap-history-ranges{gap:7px;padding:0 20px 14px;display:flex;overflow-x:auto}.nap-history-ranges button{color:#9dcbff;background:#168cff0f;border:1px solid #168cff38;border-radius:9px;flex:none;min-height:34px;padding:0 13px;font-size:10px;font-weight:800}.nap-history-ranges button.active{color:#fff;background:#0878e8}.nap-overview-ranges{align-items:center;margin:4px 0 18px;padding:0}.nap-overview-ranges button{border-color:#168cff52;border-radius:13px;min-width:82px;min-height:46px;font-size:12px}.nap-overview-ranges button:disabled{cursor:wait;opacity:.7}.nap-overview-ranges>span{color:#8fa2b9;white-space:nowrap;align-items:center;gap:6px;margin-left:6px;font-size:9px;display:inline-flex}.nap-history-legend{flex-wrap:wrap;gap:16px;padding:0 20px 14px;display:flex}.nap-history-legend span{color:#b9c7d8;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.nap-history-legend i{border-radius:3px;width:13px;height:13px}.nap-history-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 14px;display:grid}.nap-history-stats article{background:#ffffff06;border:1px solid #ffffff17;border-radius:12px;gap:6px;min-height:72px;padding:13px;display:grid}.nap-history-stats span{color:#8fa2b9;font-size:9px}.nap-history-stats strong{color:#f5f5f7;font-size:14px}.nap-history-chart-card{background:#07111f57;border:1px solid #ffffff17;border-radius:14px;margin:0 20px 14px;padding:14px}.nap-history-chart-card>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.nap-history-chart-card>header div{gap:2px;display:grid}.nap-history-chart-card>header strong{font-size:17px}.nap-history-chart-card>header small,.nap-history-chart-card>header span{color:#8fa2b9;font-size:9px}.nap-history-chart{scrollbar-width:thin;padding-bottom:5px;overflow:auto hidden}.nap-history-chart svg{cursor:crosshair;touch-action:pan-x;width:100%;height:220px;display:block;overflow:hidden}.nap-history-chart.loss svg{height:180px}.nap-chart-plot{grid-template-columns:54px minmax(0,1fr);align-items:stretch;display:grid;position:relative}.nap-chart-plot aside{color:#7f91a8;text-align:right;flex-direction:column;justify-content:space-between;padding-right:7px;font-size:9px;display:flex}.nap-chart-area{opacity:.18;stroke:none}.nap-chart-series{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nap-chart-tooltip{--nap-tooltip-color:#168cff;z-index:4;border:1px solid var(--nap-tooltip-color);grid-template-columns:auto 1fr;gap:2px 7px;min-width:150px;padding:9px 11px;display:grid;position:absolute}@supports (color:color-mix(in lab,red,red)){.nap-chart-tooltip{border:1px solid color-mix(in srgb,var(--nap-tooltip-color) 55%,#334155)}}.nap-chart-tooltip{color:#f8fafc;pointer-events:none;white-space:nowrap;background:#06101ef5;border-radius:10px;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 24px #00000047}.nap-chart-tooltip.below{transform:translate(-50%,10px)}.nap-chart-tooltip i{background:var(--nap-tooltip-color);border-radius:50%;width:8px;height:8px;margin-top:3px}.nap-chart-tooltip strong{font-size:10px}.nap-chart-tooltip span{color:var(--nap-tooltip-color);grid-column:2;font-size:12px;font-weight:900}.nap-chart-tooltip small{color:#a9b7c8;grid-column:2;font-size:8px}.nap-chart-time{color:#7f91a8;white-space:nowrap;justify-content:space-between;gap:8px;margin:7px 0 0 54px;font-size:8px;display:flex}.nap-history-table{border:1px solid #ffffff17;border-radius:14px;margin:0 20px 20px;overflow:hidden}.nap-history-table>header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 14px;display:flex}.nap-history-table>header strong{font-size:11px}.nap-history-table>header span{color:#8fa2b9;font-size:9px}.nap-history-table>div{max-height:260px;overflow:auto}.nap-history-table article{border-bottom:1px solid #ffffff0f;grid-template-columns:1.35fr 1fr .65fr .65fr auto;align-items:center;gap:10px;padding:10px 14px;font-size:9px;display:grid}.nap-history-table article:last-child{border-bottom:0}.nap-history-table article span{color:#8fa2b9}.nap-history-table article b{justify-self:end}.nap-history-table article b.good{color:#26c865}.nap-history-table article b.warning{color:#f5b82e}.nap-history-table article b.bad{color:#ff5962}.theme-light .nap-health-kpis article{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f365514}.theme-light .nap-health-kpis strong{color:#12355d}.theme-light .nap-score-track{background:#e8eef5}.theme-light .nap-test-backdrop{background:#1f36554d}.theme-light .nap-test-dialog{color:#173858;background:#fff;border-color:#d5e1ed;box-shadow:0 26px 80px #19304e47}.theme-light .nap-test-dialog p,.theme-light .nap-test-progress-meta,.theme-light .nap-test-targets small,.theme-light .nap-test-result-devices small{color:#6d8299}.theme-light .nap-test-dialog>header>button{color:#526f8b;background:#edf3f8}.theme-light .nap-test-progress-track{background:#e5edf5}.theme-light .nap-test-targets>span,.theme-light .nap-test-result-counts span,.theme-light .nap-test-result-devices article{background:#f7fafd;border-color:#dbe5ef}.theme-light .nap-settings-grid input,.theme-light .nap-target-list input,.theme-light .nap-target-list select,.theme-light .nap-target-add input,.theme-light .nap-target-add select,.theme-light .nap-telegram-group input{color:#173858;background:#fff;border-color:#cfdae7}.theme-light .nap-settings-grid label{color:#49627e}.theme-light .nap-telegram-settings{background:#f7faff;border-color:#d6e2ef}.theme-light .nap-telegram-toggle strong,.theme-light .nap-telegram-group>span{color:#12355d}.theme-light .nap-snapshot-list article,.theme-light .nap-front-chart-card{background:#f8fafd;border-color:#dbe4ee}.theme-light .nap-front-chart-card>header strong{color:#12355d}.theme-light .nap-target-metrics,.theme-light .nap-target-metrics div{border-color:#dbe4ee}.theme-light .nap-target-metrics strong{color:#12355d}.theme-light .nap-history-stats article,.theme-light .nap-history-chart-card,.theme-light .nap-history-table{background:#f8fafd;border-color:#dbe4ee}.theme-light .nap-history-stats strong,.theme-light .nap-history-chart-card strong,.theme-light .nap-history-table strong{color:#12355d}.theme-light .nap-chart-tooltip{color:#12355d;background:#fffffffa;box-shadow:0 8px 24px #1f36552e}.theme-light .nap-chart-tooltip small{color:#62758b}.theme-light .nap-diagnostics-panel,.theme-light .nap-diagnostic-grid>article{background:#f8fafd;border-color:#dbe4ee}.theme-light .nap-diagnostics-panel>header{border-color:#dbe4ee}.theme-light .nap-diagnostic-grid>article>span,.theme-light .nap-diagnostic-grid>article strong{color:#12355d}.theme-light .nap-diagnostic-analysis{background:#edf6ff}.theme-light .nap-diagnostic-analysis ul{color:#49627e}@media(max-width:1050px){.nap-health-kpis,.nap-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.nap-telegram-settings{grid-template-columns:1fr;margin:0 14px 16px;padding:14px}}@media(max-width:560px){.nap-test-progress-meta{grid-template-columns:1fr auto}.nap-test-progress-meta strong{text-align:left;white-space:normal;grid-area:2/1/auto/-1;margin-top:4px}}@media(max-width:1050px){.nap-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.nap-health-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nap-health-kpis article{min-height:105px;padding:14px}.nap-health-kpis strong{font-size:22px}.nap-health-toolbar{flex-direction:column;align-items:flex-start}.nap-health-toolbar>div:last-child{width:100%}.nap-health-toolbar button{flex:1}.nap-settings-grid{grid-template-columns:1fr;padding:14px}.nap-target-list{padding:0 14px}.nap-target-list article,.nap-target-add{grid-template-columns:1fr 1fr}.nap-target-list article>input:nth-child(2),.nap-target-add>input:nth-child(2){grid-column:1/-1}.nap-target-add{margin:8px 14px 14px}.nap-device-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nap-device-metrics div:nth-child(2){border-right:0}.nap-device-metrics div:nth-child(-n+2){border-bottom:1px solid #ffffff14}.nap-snapshot-list{padding:10px}.nap-snapshot-list article{grid-template-columns:1fr auto}.nap-snapshot-list .nap-mini-chart{grid-area:auto/1/auto/-1}.nap-snapshot-list article>span{grid-column:1}.nap-snapshot-list b{grid-area:1/2}.nap-device-actions{justify-content:space-between;width:100%;margin-left:0}.nap-history-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.nap-history-ranges{padding-inline:12px}.nap-history-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.nap-history-chart-card,.nap-history-table{margin-inline:12px}.nap-history-chart svg{height:170px}.nap-history-table article{grid-template-columns:1fr auto}.nap-history-table article span:nth-child(3){grid-column:1}.nap-history-table article b{grid-area:1/2}}@media(max-width:560px){.nap-test-backdrop{align-items:end;padding:8px}.nap-test-dialog{border-radius:17px 17px 11px 11px;width:100%;max-height:calc(100dvh - 16px);padding:16px}.nap-test-targets{grid-template-columns:1fr;max-height:210px;overflow:auto}.nap-test-progress-meta{flex-direction:column;align-items:flex-start;gap:3px}.nap-test-result-devices article{align-items:flex-start}.nap-test-dialog footer .device-primary-button{width:100%}}@media(max-width:700px){.nap-target-title{grid-column:1}.nap-target-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nap-target-metrics div:nth-child(2){border-right:0}.nap-target-metrics div:nth-child(-n+2){border-bottom:1px solid #ffffff14}.nap-target-ranges{padding-inline:0}.nap-target-ranges button{min-width:72px;min-height:38px}.theme-light .nap-target-metrics div:nth-child(-n+2){border-bottom-color:#dbe4ee}.nap-diagnostics-panel{margin-inline:10px}.nap-diagnostic-grid{grid-template-columns:1fr;padding:10px}.nap-diagnostic-analysis{margin:0 10px 10px}.nap-diagnostics-panel>header{align-items:flex-start}.nap-history-legend{padding-inline:12px}.nap-history-chart.loss svg{height:150px}.nap-chart-plot{grid-template-columns:42px minmax(0,1fr)}.nap-chart-time{margin-left:42px}.nap-history-table article span:nth-child(2),.nap-history-table article span:nth-child(4){grid-column:1}.nap-history-table article strong{grid-area:2/2}}@media(max-width:760px){.device-page-header{flex-direction:column;align-items:stretch}.device-page-tools{width:100%}.device-page-tools input{width:100%;min-width:0}.device-page-tools .device-primary-button{flex:none}.device-workspace-toolbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.device-workspace-toolbar .device-primary-button{min-width:116px}.top-header:has(.device-navbar-title){align-items:flex-start;padding-block:12px}.top-header .page-heading{flex-direction:column;align-items:stretch;gap:12px}.device-navbar-tools{margin-left:0}.top-header .device-navbar-tools input{width:100%}}@media(max-width:480px){.device-page-tools{flex-direction:column;align-items:stretch}.device-page-tools .device-primary-button{width:100%}.device-management-actions{grid-template-columns:1fr 1fr;display:grid}.device-management-actions button:first-child{grid-column:1/-1}.device-interface-row{align-items:flex-start}.device-interface-heading span{text-align:right}}@media(max-width:1023px){.interface-summary>.interface-summary-grid,.interface-summary>.summary-table-wrap,.summary-desktop-list{display:none!important}.summary-mobile-list{display:grid!important}.summary-mobile-identity>strong{font-size:13px}.summary-mobile-rate strong{font-size:clamp(18px,5.4vw,24px)}.summary-mobile-totals strong{font-size:17px}}@media(min-width:1024px){.interface-summary{overflow-x:hidden}.interface-summary>.summary-table-wrap{display:none!important}.summary-desktop-list{max-width:100%;display:block;overflow:hidden!important}.summary-desktop-head,.summary-desktop-row{grid-template-columns:32px minmax(80px,.85fr) minmax(155px,1.7fr) minmax(70px,.65fr) minmax(105px,1fr) minmax(105px,1fr) minmax(75px,.72fr) minmax(75px,.72fr) 24px;min-width:0}.summary-desktop-head>*,.summary-desktop-row>*{min-width:0;overflow:hidden}.summary-desktop-head{padding-inline:16px}.summary-desktop-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-desktop-row{padding-inline:16px}.summary-desktop-empty{min-width:0}.summary-desktop-interface strong{font-size:13px}.summary-desktop-rate strong,.summary-desktop-row>.summary-rx,.summary-desktop-row>.summary-tx{font-size:14px}.summary-desktop-head>:nth-child(5),.summary-desktop-rate.summary-rx strong,.summary-desktop-rate.summary-rx small,.summary-desktop-row>.summary-rx{color:#079df5!important}.summary-desktop-head>:nth-child(6),.summary-desktop-rate.summary-tx strong,.summary-desktop-rate.summary-tx small,.summary-desktop-row>.summary-tx{color:#9252f1!important}}.dashboard-overview .traffic-summary-top{height:auto;min-height:352px}.traffic-statistics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.traffic-stat-group{background:#f8fbffdb;border:1px solid #3c3c431c;border-radius:10px;min-width:0;padding:9px 10px}.traffic-stat-group header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.traffic-stat-group header>span{font-size:10px;font-weight:800}.traffic-stat-group header small{color:#71839a;font-size:8px}.traffic-stat-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.traffic-stat-group>div>span{min-width:0}.traffic-stat-group>div small,.traffic-stat-group>div strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.traffic-stat-group>div small{color:#71839a;font-size:8px}.traffic-stat-group>div strong{letter-spacing:-.02em;margin-top:3px;font-size:10px}.traffic-stats-rx{background:linear-gradient(135deg,#0a84ff14,#0a84ff05);border-color:#0a84ff2e}.traffic-stats-rx header>span,.traffic-stats-rx strong{color:#079df5}.traffic-stats-tx{background:linear-gradient(135deg,#9959ff14,#9959ff05);border-color:#9959ff2e}.traffic-stats-tx header>span,.traffic-stats-tx strong{color:#9252f1}.app-shell:not(.theme-light) .traffic-stat-group{background:#ffffff0e;border-color:#ffffff1c}.app-shell:not(.theme-light) .traffic-stat-group header small,.app-shell:not(.theme-light) .traffic-stat-group>div small{color:#a1a1a6}@media(max-width:560px){.dashboard-overview .traffic-summary-top{min-height:332px}.traffic-statistics{gap:6px;margin-top:2px}.traffic-stat-group{padding:7px}.traffic-stat-group header small{display:none}.traffic-stat-group>div{gap:4px;margin-top:6px}.traffic-stat-group>div strong{font-size:9px}}.summary-desktop-stat{gap:4px;min-width:0;display:grid}.summary-desktop-stat span{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.summary-desktop-stat small,.summary-desktop-stat strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-desktop-stat small{color:#71839a;flex:none;font-size:7px;font-weight:700}.summary-desktop-stat strong{letter-spacing:-.03em;text-align:right;min-width:0;font-size:8px}.summary-desktop-stat.summary-rx strong{color:#079df5}.summary-desktop-stat.summary-tx strong{color:#9252f1}@media(max-width:1023px){.summary-mobile-totals{grid-template-columns:1fr}.summary-mobile-totals div+div{text-align:left;border-top:1px solid #e9eff5}.summary-mobile-totals div>span{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}.summary-mobile-totals div>span strong{margin:0;font-size:13px}.app-shell:not(.theme-light) .summary-mobile-totals div+div{border-color:#ffffff1a}}.summary-actions{justify-self:end;position:relative}.summary-action-menu{z-index:20;background:#fff;border:1px solid #d8e3ef;border-radius:10px;gap:4px;width:142px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 12px 28px #223b5d29}.summary-action-menu button{color:#2466a8;text-align:left;background:#edf6ff;border-radius:7px;height:28px;padding:0 8px;font-size:9px;font-weight:750}.summary-action-menu button.danger{color:#c7354b;background:#fff0f1}.app-shell:not(.theme-light) .summary-action-menu{background:#303033;border-color:#ffffff24;box-shadow:0 12px 28px #00000059}.app-shell:not(.theme-light) .summary-action-menu button{color:#8dccff;background:#0a84ff24}.app-shell:not(.theme-light) .summary-action-menu button.danger{color:#ff9f97;background:#ff453a24}@media(min-width:1024px){.summary-desktop-head,.summary-desktop-row{grid-template-columns:32px minmax(235px,2fr) minmax(70px,.62fr) minmax(105px,1fr) minmax(105px,1fr) minmax(100px,.85fr) minmax(100px,.85fr) 28px}.summary-desktop-row{min-height:124px}.summary-desktop-row>.summary-actions{overflow:visible}.summary-desktop-interface strong{font-size:14px}.summary-desktop-interface small{font-size:10px}.summary-desktop-rate strong{font-size:16px}.summary-desktop-rate small{font-size:10px}.summary-desktop-stat{gap:7px}.summary-desktop-stat small{font-size:9px}.summary-desktop-stat strong{font-size:12px}}.summary-header-actions{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.interface-summary .panel-title-group{flex-direction:column;align-items:flex-start;gap:3px}.interface-summary .panel-title-group span{padding:2px 7px;font-size:8px}.summary-header-actions .summary-interface-filter{display:none}.summary-header-actions .summary-picker-trigger,.summary-header-actions .template-menu-trigger{height:34px}.summary-sort-toolbar{order:3;justify-content:flex-end;align-items:center;margin:0;display:flex}.summary-sort-toolbar select{color:#193b5f;width:154px;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfddeb;border-radius:9px;outline:none;padding:0 27px 0 10px;font-size:10px;font-weight:700}.summary-sort-toolbar select:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff21}.app-shell:not(.theme-light) .summary-sort-toolbar select{color:#f5f5f7;background:#2c2c2e;border-color:#ffffff29}@media(max-width:1023px){.summary-header-actions{flex-wrap:wrap;justify-content:flex-end}.summary-sort-toolbar select{width:154px}}@media(max-width:420px){.summary-sort-toolbar select{width:142px;height:32px;font-size:9px}}@media(max-width:600px){.interface-summary .panel-header{align-items:flex-start;gap:8px}.interface-summary .panel-title-group{width:100%}.summary-header-actions{grid-template-columns:auto auto minmax(0,1fr);gap:7px;width:100%;display:grid}.summary-header-actions .summary-picker-trigger,.summary-header-actions .template-menu-trigger,.summary-sort-toolbar select{height:34px}.summary-header-actions .summary-picker-trigger{padding-inline:11px;font-size:9px}.summary-header-actions .template-menu-trigger{padding-inline:10px;font-size:9px}.summary-sort-toolbar{min-width:0}.summary-sort-toolbar select{width:100%;min-width:0;font-size:9px}}.interface-group-summary{margin-top:16px}.interface-group-panel-title{align-items:flex-start}.interface-group-overview-counts{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.interface-group-overview-counts>span{color:#526b84;white-space:nowrap;background:#eaf1f8;border-radius:999px;align-items:center;min-height:22px;padding:4px 9px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.interface-group-overview-counts>span.online{color:#08783a;background:#ddf7e7}.interface-group-overview-counts>span.offline{color:#8d3440;background:#ffe8eb}.interface-group-overview-counts.has-offline>span.offline{color:#fff;background:#f20d22;box-shadow:0 0 0 3px #f20d2221,0 0 14px #f20d226b}.app-shell:not(.theme-light) .interface-group-overview-counts>span{color:#c4d2e0;background:#ffffff17}.app-shell:not(.theme-light) .interface-group-overview-counts>span.online{color:#73e891;background:#30d15826}.app-shell:not(.theme-light) .interface-group-overview-counts>span.offline{color:#ff9f97;background:#ff453a21}.app-shell:not(.theme-light) .interface-group-overview-counts.has-offline>span.offline{color:#fff;background:#ff2638;box-shadow:0 0 0 3px #ff26382e,0 0 16px #ff263880}.interface-group-description{color:#647b95;margin:-2px 0 13px;font-size:11px;line-height:1.45}.interface-group-empty{color:#71839a;text-align:center;border:1px dashed #cbd9e7;border-radius:13px;padding:22px 14px;font-size:11px}.interface-group-list{gap:9px;display:grid}.interface-group-row{cursor:grab;background:#f8fbff;border:1px solid #dbe5ef;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;transition:border-color .16s,box-shadow .16s,opacity .16s;display:flex}.interface-group-row:active{cursor:grabbing}.interface-group-row.dragging{opacity:.48;border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff29}.interface-group-header{flex:1 0 100%;align-items:center;gap:6px;min-width:0;display:flex}.interface-group-summary-info{flex:auto;grid-template-columns:minmax(0,1fr) minmax(270px,360px) auto;align-items:start;gap:14px;width:auto;min-width:0;display:grid}.interface-group-row strong{color:#193b5f;font-size:12px;display:block}.interface-group-row small{color:#6a819b;margin-top:4px;font-size:10px;display:block}.interface-group-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.interface-group-toggle:hover .interface-group-title strong{color:#0a70d1}.interface-group-toggle:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #0a84ff40}.interface-group-chevron{color:#4d7398;place-self:center end;transition:transform .18s}.interface-group-row.expanded .interface-group-chevron{transform:rotate(180deg)}.interface-group-connection-counts{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px!important;display:flex!important}.interface-group-connection-counts span{color:#526b84;white-space:nowrap;background:#eaf1f8;border-radius:999px;align-items:center;min-height:19px;padding:3px 7px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.interface-group-connection-counts span.online{color:#08783a;background:#ddf7e7}.interface-group-connection-counts span.offline{color:#fff;background:#f20d22;box-shadow:0 0 0 3px #f20d2221,0 0 14px #f20d227a}.interface-group-row.has-offline{border-color:#ff3347;box-shadow:0 0 0 1px #f20d2233,0 0 19px #f20d2233}.interface-group-row.has-offline .interface-group-title>strong{color:#d70015;text-shadow:0 0 12px #f20d223d}.interface-group-row.has-offline .interface-group-toggle:hover .interface-group-title>strong{color:#b50012}.interface-group-chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.interface-group-chips span{color:#2466a8;text-overflow:ellipsis;white-space:nowrap;background:#e8f3ff;border-radius:999px;max-width:170px;padding:4px 7px;font-size:9px;font-weight:700;overflow:hidden}.interface-group-total-traffic{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.interface-group-total-traffic span{background:#fff;border:1px solid #d7e6f5;border-radius:10px;min-width:0;padding:9px 10px}.interface-group-total-traffic small,.interface-group-total-traffic strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.interface-group-total-traffic small{font-size:9px;font-weight:750}.interface-group-total-traffic strong{letter-spacing:-.02em;margin-top:5px;font-size:15px;line-height:1}.interface-group-actions{flex:none;order:3;display:flex;position:relative}.interface-group-menu-trigger{color:#52708c;background:0 0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:22px;line-height:1;display:grid}.interface-group-menu-trigger:hover,.interface-group-menu-trigger[aria-expanded=true]{color:#126aca;background:#eaf4ff}.interface-group-menu{z-index:10;background:#fff;border:1px solid #d5e2ee;border-radius:10px;min-width:104px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 10px 24px #213d5b29}.interface-group-menu button{color:#245c91;text-align:left;background:0 0;border-radius:7px;height:30px;padding:0 9px;font-size:10px;font-weight:750}.interface-group-menu button:hover{background:#edf6ff}.interface-group-menu button.danger{color:#bd3142}.interface-group-menu button.danger:hover{background:#fff0f1}.interface-group-live-list{flex:1 0 100%;order:2;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:9px;display:grid}.interface-group-live-card{background:#fff;border:1px solid #d7e4ef;border-radius:13px;overflow:hidden}.interface-group-live-card header{grid-template-columns:30px minmax(0,1fr) auto 28px;align-items:center;gap:9px;padding:11px;display:grid}.interface-group-live-card header>div{min-width:0}.interface-group-live-card header strong,.interface-group-live-card header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.interface-group-live-card header strong{color:#193b5f;font-size:12px}.interface-group-live-card header small{color:#71839a;margin-top:4px;font-size:9px}.interface-group-live-card .summary-list-index{width:28px;height:28px;font-size:10px}.interface-group-live-card .summary-status{padding:5px 8px;font-size:8px}.interface-group-interface-remove{color:#c7354b;background:#fff3f4;border:1px solid #ffd1d6;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid}.interface-group-interface-remove:hover{color:#fff;background:#e43e50;border-color:#e43e50;transform:translateY(-1px)}.interface-group-interface-remove:disabled{cursor:wait;opacity:.45;transform:none}.interface-group-live-rates{border-top:1px solid #e4ecf3;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.interface-group-live-rates>div{min-width:0;padding:12px}.interface-group-live-rates>div+div{text-align:right;border-left:1px solid #e4ecf3}.interface-group-live-rates small,.interface-group-live-rates strong,.interface-group-live-rates span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.interface-group-live-rates small{font-size:10px;font-weight:750}.interface-group-live-rates strong{letter-spacing:-.035em;margin-top:7px;font-size:23px;line-height:1}.interface-group-live-rates span{color:#7086a0;margin-top:8px;font-size:9px;font-weight:650}.interface-group-live-card header strong{overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.interface-group-live-card header strong.interface-title-compact{font-size:10.5px}.interface-group-live-card header strong.interface-title-dense{font-size:9.5px}.interface-group-live-empty{color:#71839a;text-align:center;background:#ffffff8c;border:1px dashed #cbd9e6;border-radius:12px;grid-column:1/-1;padding:18px;font-size:10px;font-weight:650}.interface-group-ppp-connection{text-align:right;justify-items:end;max-width:125px;display:grid}.interface-group-ppp-connection>span{color:#b4232d;background:#fff0f1;border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;line-height:1;display:inline-flex}.interface-group-ppp-connection>span.online{color:#08783a;background:#e9f9ef}.interface-group-live-card header .interface-group-ppp-connection>small{color:#b4232d;text-overflow:clip;white-space:normal;margin-top:5px;font-size:8px;font-weight:750;line-height:1.25;overflow:visible}.interface-group-live-card header .interface-group-ppp-connection>small.online{color:#08783a}.app-shell:not(.theme-light) .interface-group-ppp-connection>span{color:#ff9f97;background:#ff453a21}.app-shell:not(.theme-light) .interface-group-ppp-connection>span.online{color:#73e891;background:#30d1581f}.app-shell:not(.theme-light) .interface-group-live-card header .interface-group-ppp-connection>small{color:#ff9f97}.app-shell:not(.theme-light) .interface-group-live-card header .interface-group-ppp-connection>small.online{color:#73e891}.interface-group-editor-modal{width:min(660px,100vw - 28px)}.interface-group-editor-fields{grid-template-columns:minmax(0,1fr);gap:10px;margin:14px 0;display:grid}.interface-group-editor-fields label{color:#54708e;gap:6px;font-size:10px;font-weight:750;display:grid}.interface-group-editor-fields input{color:#193b5f;min-width:0;height:38px;font:inherit;background:#fff;border:1px solid #cedce9;border-radius:9px;outline:none;padding:0 11px;font-size:11px}.interface-group-editor-fields input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.interface-group-search{color:#71839a;background:#fff;border:1px solid #cedce9;border-radius:9px;align-items:center;gap:8px;margin:0 0 12px;padding:0 11px;display:flex}.interface-group-search:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.interface-group-search input{color:#193b5f;width:100%;min-width:0;height:38px;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.interface-group-search button{color:#71839a;background:#edf3f9;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.interface-group-editor-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;padding:2px;display:grid;overflow:auto}.interface-group-editor-options label{cursor:pointer;background:#f8fbff;border:1px solid #dbe5ef;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.interface-group-editor-options input{accent-color:#0a84ff;width:15px;height:15px;margin:1px 0 0}.interface-group-editor-options span{min-width:0}.interface-group-editor-options strong,.interface-group-editor-options small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.interface-group-editor-options strong{color:#193b5f;font-size:11px}.interface-group-editor-options small{color:#71839a;margin-top:4px;font-size:9px}.interface-group-editor-options label.locked{opacity:.58;cursor:not-allowed;border-style:dashed}.interface-group-editor-options label.locked small{color:#b16b19}.interface-group-editor-options input:disabled{cursor:not-allowed}.interface-group-device-groups{gap:10px;max-height:43dvh;padding:2px;display:grid;overflow:auto}.interface-group-device-groups>section{background:#fbfdff;border:1px solid #dbe5ef;border-radius:12px;padding:10px}.interface-group-device-groups>section>header{border-bottom:1px solid #e2ebf3;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;padding-bottom:8px;display:flex}.interface-group-device-groups>section>header strong{color:#193b5f;font-size:11px}.interface-group-device-groups>section>header span{color:#2470b8;font-size:9px;font-weight:750}.interface-group-device-groups .interface-group-editor-options{max-height:none;overflow:visible}.app-shell:not(.theme-light) .interface-group-description,.app-shell:not(.theme-light) .interface-group-row small,.app-shell:not(.theme-light) .interface-group-empty,.app-shell:not(.theme-light) .interface-group-editor-options small{color:#aebed0}.app-shell:not(.theme-light) .interface-group-empty,.app-shell:not(.theme-light) .interface-group-row,.app-shell:not(.theme-light) .interface-group-editor-options label{background:#ffffff0b;border-color:#ffffff21}.app-shell:not(.theme-light) .interface-group-row strong,.app-shell:not(.theme-light) .interface-group-editor-options strong{color:#f5f5f7}.app-shell:not(.theme-light) .interface-group-chips span{color:#8dccff;background:#0a84ff29}.app-shell:not(.theme-light) .interface-group-menu-trigger{color:#aebed0}.app-shell:not(.theme-light) .interface-group-menu-trigger:hover,.app-shell:not(.theme-light) .interface-group-menu-trigger[aria-expanded=true]{color:#8dccff;background:#0a84ff29}.app-shell:not(.theme-light) .interface-group-menu{background:#2c2c2e;border-color:#ffffff24;box-shadow:0 10px 24px #00000059}.app-shell:not(.theme-light) .interface-group-menu button{color:#8dccff}.app-shell:not(.theme-light) .interface-group-menu button:hover{background:#0a84ff29}.app-shell:not(.theme-light) .interface-group-menu button.danger{color:#ff9f97}.app-shell:not(.theme-light) .interface-group-menu button.danger:hover{background:#ff453a21}.app-shell:not(.theme-light) .interface-group-editor-fields input{color:#f5f5f7;background:#151518;border-color:#ffffff26}.app-shell:not(.theme-light) .interface-group-editor-fields label{color:#b9c0cc}.app-shell:not(.theme-light) .interface-group-device-groups>section{background:#ffffff0a;border-color:#ffffff21}.app-shell:not(.theme-light) .interface-group-device-groups>section>header{border-color:#ffffff1a}.app-shell:not(.theme-light) .interface-group-device-groups>section>header strong{color:#f5f5f7}.app-shell:not(.theme-light) .interface-group-device-groups>section>header span{color:#8dccff}.app-shell:not(.theme-light) .interface-group-search{color:#aebed0;background:#151518;border-color:#ffffff26}.app-shell:not(.theme-light) .interface-group-search input{color:#f5f5f7}.app-shell:not(.theme-light) .interface-group-search button{color:#d1d1d6;background:#ffffff1a}.app-shell:not(.theme-light) .interface-group-live-card{background:#242428;border-color:#ffffff1f}.app-shell:not(.theme-light) .interface-group-live-card header strong{color:#f5f5f7}.app-shell:not(.theme-light) .interface-group-live-card header small,.app-shell:not(.theme-light) .interface-group-live-rates span{color:#aebed0}.app-shell:not(.theme-light) .interface-group-live-rates,.app-shell:not(.theme-light) .interface-group-live-rates>div+div{border-color:#ffffff1a}.app-shell:not(.theme-light) .interface-group-interface-remove{color:#ff9f97;background:#ff453a21;border-color:#ff453a52}.app-shell:not(.theme-light) .interface-group-interface-remove:hover{color:#fff;background:#ff453a;border-color:#ff453a}.app-shell:not(.theme-light) .interface-group-live-empty{color:#aebed0;background:#ffffff0a;border-color:#ffffff29}.app-shell:not(.theme-light) .interface-group-total-traffic span{background:#0000002e;border-color:#ffffff1f}.app-shell:not(.theme-light) .interface-group-connection-counts span{color:#c4d2e0;background:#ffffff17}.app-shell:not(.theme-light) .interface-group-connection-counts span.online{color:#73e891;background:#30d15826}.app-shell:not(.theme-light) .interface-group-connection-counts span.offline{color:#fff;background:#ff2638;box-shadow:0 0 0 3px #ff26382e,0 0 16px #ff263894}.app-shell:not(.theme-light) .interface-group-row.has-offline{border-color:#ff4050;box-shadow:0 0 0 1px #ff263847,0 0 20px #ff26383d}.app-shell:not(.theme-light) .interface-group-row.has-offline .interface-group-title>strong{color:#ff6673}@media(max-width:768px){.interface-group-live-rates>div{padding:10px}.interface-group-live-rates strong{margin-top:5px;font-size:18px}.interface-group-live-rates small{font-size:9px}}@media(max-width:420px){.interface-group-live-card header{grid-template-columns:28px minmax(0,1fr) 28px}.interface-group-ppp-connection{text-align:left;grid-column:2;justify-items:start;max-width:none}.interface-group-live-card header>.summary-status{grid-column:2;justify-self:start}.interface-group-interface-remove{grid-area:1/3/span 2;align-self:start}}@media(max-width:768px){.interface-group-summary{margin-top:12px}.interface-group-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;display:grid}.interface-group-header{order:1;width:100%}.interface-group-summary-info{grid-template-columns:minmax(90px,.8fr) minmax(0,1.8fr) auto;gap:10px;width:auto}.interface-group-title{align-content:center;min-height:68px;display:grid}.interface-group-title strong{font-size:16px;line-height:1.15}.interface-group-title small{margin-top:7px;font-size:11px}.interface-group-total-traffic{gap:6px}.interface-group-total-traffic span{padding:8px}.interface-group-total-traffic small{font-size:8px}.interface-group-total-traffic strong{font-size:clamp(13px,4vw,15px)}.interface-group-live-list{flex:none;order:2;grid-template-columns:minmax(0,1fr);width:100%;display:grid}.interface-group-live-card{min-width:0}.interface-group-actions{order:initial;width:auto}.interface-group-actions button{flex:none}.interface-group-editor-fields,.interface-group-editor-options{grid-template-columns:1fr}.interface-group-editor-options{max-height:42dvh}.interface-group-chips span{max-width:130px}}@media(max-width:600px){.interface-group-summary .panel-header{flex-wrap:nowrap;align-items:center}.interface-group-summary .panel-title-group{width:auto;margin-right:0}.interface-group-summary .summary-picker-trigger{margin-left:auto}.interface-group-summary .panel-header{align-items:flex-start}.interface-group-overview-counts{gap:4px;max-width:260px}.interface-group-overview-counts>span{min-height:20px;padding:4px 7px;font-size:8px}.interface-group-summary .summary-picker-trigger{min-height:38px;padding-inline:10px;font-size:9px}}@media(max-width:420px){.interface-group-summary .panel-header{flex-wrap:wrap}.interface-group-summary .panel-title-group{width:100%}.interface-group-summary .summary-picker-trigger{width:100%;margin-left:0}.interface-group-overview-counts{max-width:none}}@media(max-width:480px){.interface-group-connection-counts{gap:4px}.interface-group-connection-counts span{min-height:18px;padding:3px 6px;font-size:8px}}@media(max-width:768px){.interface-group-title{min-height:0}.interface-group-title strong{font-size:13px;line-height:1.2}.interface-group-title small{margin-top:5px;font-size:9px}}.interface-group-summary{overflow:visible}.interface-group-menu{z-index:30}.dashboard-overview{gap:12px;grid-template-columns:minmax(0,1fr)!important}.dashboard-overview>.kpi-grid{grid-area:1/1}.dashboard-overview>.interface-summary:not(.interface-group-summary){grid-area:2/1;min-height:0;margin:0}.dashboard-overview>.traffic-summary-top{grid-area:3/1}.dashboard-overview .kpi-summary-card{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));height:104px;min-height:104px}.dashboard-overview .kpi-summary-item{min-height:0;padding:12px 16px}.dashboard-overview .kpi-summary-item+.kpi-summary-item,.dashboard-overview .kpi-summary-item:nth-child(2n){border-left:1px solid #ffffff1a}.dashboard-overview .kpi-summary-item:nth-child(n+3){border-top:0}.dashboard-overview .kpi-summary-item .kpi-icon{border-radius:11px;width:40px;height:40px;margin-right:10px}.dashboard-overview .kpi-summary-item .kpi-icon svg{width:20px;height:20px}.dashboard-overview .kpi-label{font-size:10px}.dashboard-overview .kpi-value{margin-top:2px;font-size:22px}.dashboard-overview .kpi-subtitle{margin-top:3px;font-size:9px}.theme-light .dashboard-overview .kpi-summary-item+.kpi-summary-item{border-color:#3c3c4321}@media(max-width:760px){.dashboard-overview .kpi-summary-card{grid-template-rows:repeat(2,minmax(78px,auto));grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0}.dashboard-overview .kpi-summary-item{min-height:78px;padding:10px 12px}.dashboard-overview .kpi-summary-item:nth-child(3){border-left:0}.dashboard-overview .kpi-summary-item:nth-child(n+3){border-top:1px solid #ffffff1a}.theme-light .dashboard-overview .kpi-summary-item:nth-child(n+3){border-top-color:#3c3c4321}}@media(max-width:420px){.dashboard-overview .kpi-summary-item{padding:9px 10px}.dashboard-overview .kpi-summary-item .kpi-icon{width:34px;height:34px;margin-right:8px}.dashboard-overview .kpi-summary-item .kpi-icon svg{width:17px;height:17px}.dashboard-overview .kpi-value{font-size:20px}.dashboard-overview .kpi-subtitle{font-size:8px}}.infranexia-page{gap:14px;display:grid}.infranexia-overview{background:#1c1c1f;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.infranexia-overview article{min-width:0;padding:15px 17px}.infranexia-overview article+article{border-left:1px solid #ffffff1a}.infranexia-overview span,.infranexia-overview small{color:#a1a1a6;font-size:9px;display:block}.infranexia-overview strong{color:#f5f7fb;margin:5px 0 4px;font-size:22px;line-height:1;display:block}.infranexia-search{color:#aebed0;background:#1c1c1f;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.infranexia-search input{color:#f5f7fb;width:100%;min-width:0;height:40px;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.infranexia-search button{color:#aebed0;background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.infranexia-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.infranexia-device-card{background:#1c1c1f;border:1px solid #ffffff1f;border-radius:16px;min-width:0;overflow:hidden}.infranexia-device-card>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px;display:flex}.infranexia-device-title{align-items:center;gap:7px;display:flex}.infranexia-device-title h2{color:#f5f7fb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.infranexia-device-card header p{color:#a1a1a6;margin:5px 0 0 15px;font-size:9px}.infranexia-device-card header .device-interface-counts{flex:none;justify-content:flex-end;margin-top:0}.infranexia-interface-list{scrollbar-width:thin;gap:1px;max-height:420px;display:grid;overflow-y:auto}.infranexia-interface-row{background:#ffffff06;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 15px;display:flex}.infranexia-interface-row>div{min-width:0}.infranexia-interface-row strong,.infranexia-interface-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.infranexia-interface-row strong{color:#e9edf4;font-size:10px}.infranexia-interface-row small{color:#8fa2b9;margin-top:3px;font-size:8px}.infranexia-interface-row>span{color:#ff9f97;background:#ff453a1f;border-radius:999px;flex:none;padding:4px 7px;font-size:8px;font-weight:750}.infranexia-interface-row>span.active{color:#73e891;background:#30d1581f}.theme-light .infranexia-overview,.theme-light .infranexia-search,.theme-light .infranexia-device-card{background:#fff;border-color:#d6e0eb;box-shadow:0 8px 22px #1f36550f}.theme-light .infranexia-overview article+article,.theme-light .infranexia-device-card>header{border-color:#e2e9f1}.theme-light .infranexia-overview strong,.theme-light .infranexia-device-title h2,.theme-light .infranexia-interface-row strong{color:#193b5f}.theme-light .infranexia-overview span,.theme-light .infranexia-overview small,.theme-light .infranexia-device-card header p,.theme-light .infranexia-interface-row small{color:#657990}.theme-light .infranexia-search{color:#52708c}.theme-light .infranexia-search input{color:#193b5f}.theme-light .infranexia-search button{color:#52708c;background:#edf3f9}.theme-light .infranexia-interface-row{background:#f8fbfe}.infranexia-toolbar{grid-template-columns:minmax(180px,240px) minmax(260px,1fr) auto auto auto;gap:9px;display:grid}.infranexia-toolbar>select{color:#e9edf4;background:#1c1c1f;border:1px solid #ffffff24;border-radius:11px;outline:0;height:42px;padding:0 11px;font-size:10px}.infranexia-toolbar .device-primary-button,.infranexia-sync-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 13px;font-size:10px;font-weight:750;display:inline-flex}.infranexia-sync-button{color:#8dccff;background:#0a84ff21}.infranexia-sync-button:disabled,.infranexia-toolbar .device-primary-button:disabled{opacity:.45;cursor:not-allowed}.infranexia-export-buttons{border:1px solid #ffffff24;border-radius:11px;grid-template-columns:repeat(3,auto);display:grid;overflow:hidden}.infranexia-export-buttons button{color:#8dccff;background:#0a84ff17;justify-content:center;align-items:center;gap:5px;min-width:54px;height:40px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.infranexia-export-buttons button+button{border-left:1px solid #ffffff1f}.infranexia-export-buttons button:hover{background:#0a84ff33}.infranexia-export-buttons button:disabled{opacity:.45;cursor:not-allowed}.infranexia-table-card{background:#1c1c1f;border:1px solid #ffffff1f;border-radius:16px;min-width:0;overflow:hidden}.infranexia-table-scroll{scrollbar-width:thin;overflow-x:auto}.infranexia-table{border-collapse:collapse;color:#d8dee8;width:100%;min-width:1900px;font-size:9px}.infranexia-table th{z-index:1;color:#17130a;letter-spacing:.025em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f5bd17;padding:10px 9px;font-size:8px;font-weight:800;position:sticky;top:0}.infranexia-table td{text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ffffff14;max-width:190px;padding:10px 9px;overflow:hidden}.infranexia-table tbody tr:hover{background:#0a84ff0f}.infranexia-table td strong,.infranexia-table td small{display:block}.infranexia-table td strong{color:#f5f7fb;font-size:10px}.infranexia-table td small{color:#8fa2b9;margin-top:3px}.infranexia-address{min-width:220px}.infranexia-account-status{color:#73e891;background:#30d1581f;border-radius:99px;padding:4px 7px;font-weight:750;display:inline-flex}.infranexia-account-status.disabled{color:#ff9f97;background:#ff453a1f}.infranexia-row-actions{gap:5px;display:flex}.infranexia-row-actions button{color:#8dccff;background:#0a84ff21;border-radius:8px;height:27px;padding:0 8px;font-size:8px;font-weight:750}.infranexia-row-actions .danger{color:#ff9f97;background:#ff453a1f}.infranexia-compact-table{table-layout:fixed;min-width:1080px}.infranexia-compact-table th,.infranexia-compact-table td{padding:8px 9px}.infranexia-compact-table th:first-child{width:34px}.infranexia-compact-table td{max-width:none}.infranexia-location-cell strong,.infranexia-location-cell small{text-overflow:ellipsis;overflow:hidden}.infranexia-map-link{color:#64b5ff;text-decoration:none;display:block;overflow:hidden}.infranexia-map-link strong,.infranexia-map-link small{text-overflow:ellipsis;overflow:hidden}.infranexia-map-link:hover strong{color:#8dccff;text-decoration:underline}.infranexia-empty-value{color:#8fa2b9;font-size:8px}.infranexia-status-switch{color:#ff9f97;background:#ff453a1f;border-radius:999px;align-items:center;gap:6px;min-width:88px;padding:4px 7px 4px 4px;font-size:8px;font-weight:750;display:inline-flex}.infranexia-status-switch>span{background:#636366;border-radius:999px;flex:none;width:28px;height:16px;position:relative}.infranexia-status-switch>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2px;left:2px}.infranexia-status-switch em{font-style:normal}.infranexia-status-switch.active{color:#73e891;background:#30d1581f}.infranexia-status-switch.active>span{background:#30d158}.infranexia-status-switch.active>span:after{transform:translate(12px)}.infranexia-status-switch:disabled{opacity:.55;cursor:wait}.infranexia-compact-table th:nth-child(2){width:220px}.infranexia-compact-table th:nth-child(3){width:132px}.infranexia-compact-table th:nth-child(4){width:170px}.infranexia-compact-table th:nth-child(5){width:260px}.infranexia-compact-table th:nth-child(6){width:130px}.infranexia-compact-table th:nth-child(7){width:108px}.infranexia-compact-table th:nth-child(8){width:96px}.infranexia-connection-status{color:#ff9f97;background:#ff453a1f;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.infranexia-connection-status i{background:#ff453a;border-radius:50%;width:6px;height:6px}.infranexia-connection-status.online{color:#73e891;background:#30d1581f}.infranexia-connection-status.online i{background:#30d158;box-shadow:0 0 0 3px #30d1581a}.infranexia-editor-modal{width:min(1080px,100%);max-height:calc(100vh - 30px);overflow-y:auto}.infranexia-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.infranexia-input-label{color:#ffd65a;background:#f5bd1711;border:1px solid #f5bd1742;border-radius:10px;gap:6px;padding:9px;font-size:9px;font-weight:750;display:grid}.infranexia-input-label input,.infranexia-input-label select,.infranexia-input-label textarea{box-sizing:border-box;color:#f5f7fb;width:100%;font:inherit;background:#151518;border:1px solid #f5bd1757;border-radius:8px;outline:0;font-size:10px;font-weight:500}.infranexia-input-label input,.infranexia-input-label select{height:36px;padding:0 9px}.infranexia-input-label textarea{resize:vertical;min-height:70px;padding:9px}.infranexia-input-label input:focus,.infranexia-input-label select:focus,.infranexia-input-label textarea:focus{border-color:#f5bd17;box-shadow:0 0 0 2px #f5bd171f}.infranexia-wide-field{grid-column:span 2}.infranexia-status-field{background:#ff453a14;border-radius:10px;grid-column:span 2;align-items:center;gap:9px;padding:10px 11px;display:flex}.infranexia-status-field input{accent-color:#ff453a;width:16px;height:16px}.infranexia-status-field strong,.infranexia-status-field small{display:block}.infranexia-status-field strong{color:#ff9f97;font-size:10px}.infranexia-status-field small{color:#98989d;margin-top:3px;font-size:8px}.danger-confirm-button{background:#ff453a!important}.infranexia-form-section{background:#ffffff06;border:1px solid #ffffff1f;border-radius:13px;margin-top:12px;padding:13px}.infranexia-form-section:first-child{margin-top:0}.infranexia-form-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.infranexia-form-section-title strong,.infranexia-form-section-title small{display:block}.infranexia-form-section-title strong{color:#f5f7fb;font-size:12px}.infranexia-form-section-title small{color:#8fa2b9;margin-top:3px;font-size:8px}.infranexia-form-section-title>span{border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800}.infranexia-field{color:#b8c5d4;gap:6px;font-size:9px;font-weight:750;display:grid}.infranexia-field input,.infranexia-field select,.infranexia-field textarea{box-sizing:border-box;color:#f5f7fb;width:100%;font:inherit;background:#151518;border:1px solid #ffffff29;border-radius:8px;outline:0;font-size:10px;font-weight:500}.infranexia-field input,.infranexia-field select{height:36px;padding:0 9px}.infranexia-field textarea{resize:vertical;min-height:70px;padding:9px}.infranexia-field input:focus,.infranexia-field select:focus,.infranexia-field textarea:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff1f}.infranexia-field-source{color:#b18a14;margin-top:-2px;font-size:7px;font-weight:600}.infranexia-date-picker{width:100%;display:block;position:relative}.infranexia-date-picker input{cursor:pointer;color-scheme:dark;padding-right:42px!important}.infranexia-date-picker input::-webkit-calendar-picker-indicator{opacity:0}.infranexia-date-picker button{z-index:2;color:#8dccff;cursor:pointer;background:#0a84ff21;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:4px;right:5px}.infranexia-date-picker button:hover{color:#fff;background:#0a84ff}.infranexia-table td small.infranexia-connection-duration{color:#ff817a;margin-top:5px;font-size:8px;font-weight:750;line-height:1.25}.infranexia-table td small.infranexia-connection-duration.online{color:#46d978}.infranexia-table td small.infranexia-connection-meta{margin-top:2px}.theme-light .infranexia-table td small.infranexia-connection-duration{color:#b4232d}.theme-light .infranexia-table td small.infranexia-connection-duration.online{color:#08783a}.theme-light .infranexia-date-picker input{color-scheme:light}.theme-light .infranexia-date-picker button{color:#0878d7;background:#e7f3ff}.theme-light .infranexia-date-picker button:hover{color:#fff;background:#0a84ff}.infranexia-target-group{background:#0a84ff0e;border-color:#0a84ff38}.infranexia-target-group .infranexia-field{grid-column:span 2}.infranexia-required-group{background:#f5bd1712;border-color:#f5bd1766}.infranexia-required-group .infranexia-form-section-title strong,.infranexia-required-group .infranexia-field{color:#ffd65a}.infranexia-required-group .infranexia-form-section-title>span{color:#17130a;background:#f5bd17}.infranexia-required-group .infranexia-field input,.infranexia-required-group .infranexia-field select,.infranexia-required-group .infranexia-field textarea{border-color:#f5bd176b}.infranexia-required-group .infranexia-field input:focus,.infranexia-required-group .infranexia-field select:focus,.infranexia-required-group .infranexia-field textarea:focus{border-color:#f5bd17;box-shadow:0 0 0 2px #f5bd1724}.infranexia-admin-group{background:#0a84ff09;border-color:#5aa9ff3d}.infranexia-admin-group .infranexia-form-section-title>span{color:#8dccff;background:#0a84ff21}.theme-light .infranexia-toolbar>select,.theme-light .infranexia-table-card{color:#193b5f;background:#fff;border-color:#d6e0eb}.theme-light .infranexia-export-buttons{border-color:#c9d9e8}.theme-light .infranexia-export-buttons button{color:#075fb7;background:#edf6ff}.theme-light .infranexia-export-buttons button+button{border-left-color:#c9d9e8}.theme-light .infranexia-export-buttons button:hover{background:#dceeff}.theme-light .infranexia-table td{color:#40546d;border-color:#e8edf3}.theme-light .infranexia-table td strong{color:#193b5f}.theme-light .infranexia-table tbody tr:hover{background:#f4f9ff}.theme-light .infranexia-input-label{color:#7a5800;background:#fff9df;border-color:#e8c95d}.theme-light .infranexia-input-label input,.theme-light .infranexia-input-label select,.theme-light .infranexia-input-label textarea{color:#172033;background:#fff;border-color:#dfc358}.theme-light .infranexia-form-section{background:#f8fafc;border-color:#d7e1ec}.theme-light .infranexia-form-section-title strong{color:#193b5f}.theme-light .infranexia-field{color:#40546d}.theme-light .infranexia-field input,.theme-light .infranexia-field select,.theme-light .infranexia-field textarea{color:#172033;background:#fff;border-color:#cfdbe8}.theme-light .infranexia-required-group{background:#fff9df;border-color:#e2bd31}.theme-light .infranexia-required-group .infranexia-form-section-title strong,.theme-light .infranexia-required-group .infranexia-field{color:#765500}.theme-light .infranexia-required-group .infranexia-field input,.theme-light .infranexia-required-group .infranexia-field select,.theme-light .infranexia-required-group .infranexia-field textarea{border-color:#dfc358}.theme-light .infranexia-target-group,.theme-light .infranexia-admin-group{background:#f4f9ff;border-color:#c7dff5}.theme-light .infranexia-map-link{color:#075fb7}.theme-light .infranexia-map-link:hover strong{color:#0878e8}.theme-light .infranexia-empty-value{color:#71839a}.theme-light .infranexia-status-switch.active{color:#08783a;background:#e9f9ef}.theme-light .infranexia-status-switch:not(.active){color:#b4232d;background:#fff0f1}.theme-light .infranexia-connection-status.online{color:#08783a;background:#e9f9ef}.theme-light .infranexia-connection-status:not(.online){color:#b4232d;background:#fff0f1}@media(max-width:1000px){.infranexia-toolbar{grid-template-columns:1fr 1fr}.infranexia-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.infranexia-toolbar,.infranexia-form-grid{grid-template-columns:1fr}.infranexia-wide-field,.infranexia-status-field,.infranexia-target-group .infranexia-field{grid-column:auto}.infranexia-toolbar .infranexia-search{order:-1;grid-column:1/-1}.infranexia-export-buttons{grid-template-columns:repeat(3,1fr);width:100%}.infranexia-export-buttons button{min-width:0}}@media(max-width:900px){.infranexia-device-grid{grid-template-columns:1fr}}@media(max-width:680px){.infranexia-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.infranexia-overview article:nth-child(3){border-left:0}.infranexia-overview article:nth-child(n+3){border-top:1px solid #ffffff1a}.theme-light .infranexia-overview article:nth-child(n+3){border-top-color:#e2e9f1}.infranexia-device-card>header{flex-direction:column}.infranexia-device-card header .device-interface-counts{justify-content:flex-start}}@media(min-width:1024px){.summary-desktop-head>:nth-child(6),.summary-desktop-head>:nth-child(7),.summary-desktop-row>.summary-desktop-stat{display:none}.summary-desktop-head,.summary-desktop-row{grid-template-columns:32px minmax(235px,2fr) minmax(70px,.62fr) minmax(120px,1fr) minmax(120px,1fr) 28px}.summary-desktop-row{min-height:96px}}@media(max-width:1023px){.summary-mobile-card-header .summary-actions{align-self:center}.summary-mobile-card-header .summary-action-menu{right:0}}.action-popup-backdrop{z-index:150;background:#1122375c;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.action-popup{background:#fff;border:1px solid #d8e3ef;border-radius:18px;width:min(380px,100%);padding:18px;box-shadow:0 22px 60px #19304e40}.action-popup header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.action-popup header small,.action-popup header strong,.action-popup header span{display:block}.action-popup header small{color:#71839a;text-transform:uppercase;font-size:9px;font-weight:750}.action-popup header strong{color:#173451;margin-top:5px;font-size:15px}.action-popup header span{color:#71839a;margin-top:4px;font-size:10px}.action-popup-close{color:#526f8b;background:#f1f6fb;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.action-popup-actions{gap:8px;margin-top:18px;display:grid}.action-popup-actions>button{color:#1465ad;text-align:left;background:#eff8ff;border:1px solid #cfe3f7;border-radius:11px;align-items:center;gap:10px;min-height:54px;padding:10px 12px;font-size:19px;display:flex}.action-popup-actions>button span{gap:3px;display:grid}.action-popup-actions>button strong{font-size:11px}.action-popup-actions>button small{color:#607892;font-size:9px;font-weight:550}.action-popup-actions>button.danger{color:#c7354b;background:#fff4f5;border-color:#ffd9dd}.action-popup-actions>button.danger small{color:#9d7180}.app-shell:not(.theme-light) .action-popup{background:#2c2c2e;border-color:#ffffff24;box-shadow:0 22px 60px #00000080}.app-shell:not(.theme-light) .action-popup header strong{color:#f5f5f7}.app-shell:not(.theme-light) .action-popup-close{color:#d1d1d6;background:#ffffff1a}.app-shell:not(.theme-light) .action-popup-actions>button{color:#8dccff;background:#0a84ff21;border-color:#0a84ff4d}.app-shell:not(.theme-light) .action-popup-actions>button small{color:#a1a1a6}.app-shell:not(.theme-light) .action-popup-actions>button.danger{color:#ff9f97;background:#ff453a21;border-color:#ff453a4d}.summary-template-modal .template-settings{grid-template-columns:1fr}.role-delete-confirm-backdrop{z-index:180}.role-editor-dialog footer .device-primary-button:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.45)}.role-delete-confirm{background:#2c2c2e;border:1px solid #ff453a52;border-radius:19px;grid-template-columns:43px minmax(0,1fr);gap:14px;width:min(430px,100vw - 32px);padding:21px;display:grid;box-shadow:0 24px 65px #0000008c}.role-delete-confirm-icon{color:#ff9f97;background:#ff453a29;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.role-delete-confirm h3{color:#f5f5f7;margin:2px 0 7px;font-size:17px}.role-delete-confirm p{color:#d1d1d6;margin:0;font-size:12px;line-height:1.55}.role-delete-confirm p strong{color:#fff}.role-delete-confirm small{color:#a1a1a6;margin-top:9px;font-size:10px;line-height:1.45;display:block}.role-delete-confirm footer{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.role-delete-confirm footer button{color:#d1d1d6;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;min-height:42px;font-weight:750}.role-delete-confirm footer .role-delete-button{color:#ff9f97;background:#ff453a29;border-color:#ff453a52}.theme-light .role-delete-confirm{background:#fff;border-color:#ffd2d7;box-shadow:0 24px 65px #19304e3b}.theme-light .role-delete-confirm h3{color:#182c42}.theme-light .role-delete-confirm p{color:#526f8b}.theme-light .role-delete-confirm p strong{color:#182c42}.theme-light .role-delete-confirm small{color:#71839a}.theme-light .role-delete-confirm footer button{color:#526f8b;background:#f7fbff;border-color:#d8e3ef}.theme-light .role-delete-confirm footer .role-delete-button{color:#c7354b;background:#fff1f2;border-color:#ffb9c1}html,body,#app,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#app::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}.page-heading h1,.device-navbar-title h1{letter-spacing:-.55px;font-size:22px;line-height:1.15}@media(max-width:768px){.page-heading h1,.device-navbar-title h1{font-size:20px!important}.page-heading p,.device-navbar-title p{margin-top:4px;font-size:10px;line-height:1.35;display:block!important}}.division-dashboard{gap:16px;display:grid}.division-dashboard-hero,.division-dashboard-metrics,.division-dashboard-panels article{background:#1c1c1f;border:1px solid #ffffff1a;border-radius:18px}.division-dashboard-hero{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex}.division-dashboard-hero>div>span{color:#8dccff;letter-spacing:.09em;font-size:10px;font-weight:800}.division-dashboard-hero h2{color:#f5f5f7;margin:7px 0 5px;font-size:23px}.division-dashboard-hero p,.division-dashboard-panels p{color:#a1a1a6;margin:0;font-size:12px;line-height:1.55}.division-dashboard-hero>small{color:#8dccff;background:#0a84ff24;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:750}.division-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.division-dashboard-metrics article{min-width:0;padding:17px 19px}.division-dashboard-metrics article+article{border-left:1px solid #ffffff1a}.division-dashboard-metrics span,.division-dashboard-metrics small{color:#a1a1a6;font-size:10px;display:block}.division-dashboard-metrics strong{color:#f5f5f7;letter-spacing:-.04em;margin:7px 0 5px;font-size:24px;display:block}.division-dashboard-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.division-dashboard-panels article{padding:18px}.division-dashboard-panels h3{color:#f5f5f7;margin:0 0 7px;font-size:14px}.division-dashboard-finance .division-dashboard-hero>div>span,.division-dashboard-finance .division-dashboard-hero>small{color:#63d98a}.division-dashboard-finance .division-dashboard-hero>small{background:#30d15824}.division-dashboard-sales .division-dashboard-hero>div>span,.division-dashboard-sales .division-dashboard-hero>small{color:#ffb15c}.division-dashboard-sales .division-dashboard-hero>small{background:#ff9f0a24}.division-dashboard-hr .division-dashboard-hero>div>span,.division-dashboard-hr .division-dashboard-hero>small{color:#c5a5ff}.division-dashboard-hr .division-dashboard-hero>small{background:#bf5af224}.theme-light .division-dashboard-hero,.theme-light .division-dashboard-metrics,.theme-light .division-dashboard-panels article{background:#ffffffd6;border-color:#3c3c4321;box-shadow:0 8px 24px #3c3c430f}.theme-light .division-dashboard-hero h2,.theme-light .division-dashboard-metrics strong,.theme-light .division-dashboard-panels h3{color:#1d1d1f}.theme-light .division-dashboard-hero p,.theme-light .division-dashboard-panels p,.theme-light .division-dashboard-metrics span,.theme-light .division-dashboard-metrics small{color:#657990}.theme-light .division-dashboard-metrics article+article{border-color:#3c3c431a}@media(max-width:760px){.division-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.division-dashboard-metrics article:nth-child(2){border-left:1px solid #ffffff1a}.division-dashboard-metrics article:nth-child(3){border-left:0}.division-dashboard-metrics article:nth-child(n+3){border-top:1px solid #ffffff1a}.division-dashboard-panels{grid-template-columns:1fr}.theme-light .division-dashboard-metrics article:nth-child(2){border-left-color:#3c3c431a}.theme-light .division-dashboard-metrics article:nth-child(n+3){border-top-color:#3c3c431a}}@media(max-width:480px){.division-dashboard{gap:11px}.division-dashboard-hero{padding:17px}.division-dashboard-hero h2{font-size:19px}.division-dashboard-metrics article{padding:14px}.division-dashboard-metrics strong{font-size:20px}}.device-interface-heading-actions>button{color:#8dccff;white-space:nowrap;background:#0a84ff21;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10px;font-weight:750;line-height:1;display:inline-flex}.device-interface-heading-actions>button:disabled{cursor:not-allowed;opacity:.58}@media(max-width:760px){.device-interface-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}.device-interface-heading>.device-interface-heading-actions{grid-template-columns:minmax(0,1fr) 118px;width:100%;display:grid}.device-editor-search{width:auto;min-width:0}}@media(max-width:420px){.device-interface-heading>.device-interface-heading-actions{grid-template-columns:1fr}.device-interface-heading-actions>button{width:100%}}.device-interface-heading-actions>.device-bulk-interface-toggle{color:#73e891;background:#30d1581f;border:1px solid #30d15847}.device-interface-heading-actions>.device-bulk-interface-toggle.danger{color:#ff9f97;background:#ff453a1f;border-color:#ff453a4d}.theme-light .device-interface-heading-actions>.device-bulk-interface-toggle{color:#08783a;background:#e9f9ef;border-color:#bce9cc}.theme-light .device-interface-heading-actions>.device-bulk-interface-toggle.danger{color:#b4232d;background:#fff0f1;border-color:#ffc8ce}@media(max-width:760px){.device-interface-heading>.device-interface-heading-actions{grid-template-columns:minmax(0,1fr) auto auto}}@media(max-width:560px){.device-interface-heading>.device-interface-heading-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.device-interface-heading-actions .device-editor-search{grid-column:1/-1}.device-interface-heading-actions>button{width:100%}}@media(max-width:420px){.device-interface-heading>.device-interface-heading-actions{grid-template-columns:1fr}.device-interface-heading-actions .device-editor-search{grid-column:auto}}.summary-interface-options button.selected{background:#0a84ff29;border-color:#0a84ff}.summary-interface-options button.selected small{color:#0878d7}.app-shell:not(.theme-light) .summary-interface-options button.selected{background:#0a84ff38;border-color:#0a84ff94}.infranexia-sort-button{color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0;display:inline-flex}.infranexia-sort-button span{opacity:.55;justify-content:center;align-items:center;min-width:12px;font-size:11px;line-height:1;display:inline-flex}.infranexia-sort-button:hover span,.infranexia-sort-button.active span{opacity:1}.infranexia-sort-button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #17130a80}.infranexia-table td strong.infranexia-customer-name{text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.infranexia-new-badge{color:#062713;letter-spacing:.06em;background:#30d158;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 6px;font-size:7px;font-style:normal;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 0 0 3px #30d1581f}.theme-light .infranexia-new-badge{color:#fff;background:#0a9f49;box-shadow:0 0 0 3px #0a9f491a}.infranexia-overview .infranexia-kpi-card{text-align:left;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:15px 17px;transition:background .18s,box-shadow .18s}.infranexia-overview .infranexia-kpi-card+.infranexia-kpi-card{border-left:1px solid #ffffff1a}.infranexia-overview .infranexia-kpi-card:hover{background:#0a84ff0e}.infranexia-overview .infranexia-kpi-card.selected{background:#0a84ff14;box-shadow:inset 0 -3px #0a84ff}.infranexia-overview .infranexia-kpi-card span,.infranexia-overview .infranexia-kpi-card small{color:#a1a1a6;font-size:9px;display:block}.infranexia-overview .infranexia-kpi-card strong{color:#f5f7fb;margin:5px 0 4px;font-size:22px;line-height:1;display:block}.infranexia-overview .infranexia-kpi-card.devices strong{color:#b69cff}.infranexia-overview .infranexia-kpi-card.total strong{color:#64b5ff}.infranexia-overview .infranexia-kpi-card.online strong,.infranexia-overview .infranexia-kpi-card.online span{color:#30d158}.infranexia-overview .infranexia-kpi-card.offline strong,.infranexia-overview .infranexia-kpi-card.offline span{color:#ff453a}.theme-light .infranexia-overview .infranexia-kpi-card+.infranexia-kpi-card{border-left-color:#e2e9f1}.theme-light .infranexia-overview .infranexia-kpi-card:hover{background:#f4f9ff}.theme-light .infranexia-overview .infranexia-kpi-card.selected{background:#edf6ff}.theme-light .infranexia-overview .infranexia-kpi-card strong{color:#193b5f}.theme-light .infranexia-overview .infranexia-kpi-card.devices strong{color:#6844cf}.theme-light .infranexia-overview .infranexia-kpi-card.total strong{color:#0878d7}.theme-light .infranexia-overview .infranexia-kpi-card.online strong,.theme-light .infranexia-overview .infranexia-kpi-card.online span{color:#08783a}.theme-light .infranexia-overview .infranexia-kpi-card.offline strong,.theme-light .infranexia-overview .infranexia-kpi-card.offline span{color:#b4232d}@media(max-width:680px){.infranexia-overview .infranexia-kpi-card:nth-child(3){border-left:0}.infranexia-overview .infranexia-kpi-card:nth-child(n+3){border-top:1px solid #ffffff1a}.theme-light .infranexia-overview .infranexia-kpi-card:nth-child(n+3){border-top-color:#e2e9f1}.infranexia-page{gap:10px}.infranexia-overview{border-radius:13px}.infranexia-overview .infranexia-kpi-card{min-height:92px;padding:12px}.infranexia-overview .infranexia-kpi-card strong{font-size:20px}.infranexia-overview .infranexia-kpi-card small{line-height:1.35}.infranexia-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.infranexia-toolbar .infranexia-search{order:-2;grid-column:1/-1}.infranexia-toolbar>select{order:-1;grid-column:1/-1;width:100%}.infranexia-toolbar .infranexia-sync-button,.infranexia-toolbar .device-primary-button{width:100%;min-width:0;padding-inline:8px}.infranexia-table-card,.theme-light .infranexia-table-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.infranexia-table-scroll{overflow:visible}.infranexia-table{table-layout:auto;width:100%;min-width:0;display:block}.infranexia-table thead{display:none}.infranexia-table tbody{gap:10px;display:grid}.infranexia-table tbody tr{background:#1c1c1f;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;display:block;position:relative;overflow:hidden}.theme-light .infranexia-table tbody tr{background:#fff;border-color:#d6e0eb;box-shadow:0 6px 18px #1f36550f}.infranexia-table tbody tr:hover,.theme-light .infranexia-table tbody tr:hover{background:inherit}.infranexia-table td{text-overflow:clip;white-space:normal;border-top:1px solid #ffffff12;grid-template-columns:82px minmax(0,1fr);gap:3px 8px;max-width:none;min-height:19px;padding:7px 0;display:grid;overflow:visible;width:auto!important}.theme-light .infranexia-table td{border-top-color:#edf1f5}.infranexia-table td:before{color:#8093aa;letter-spacing:.025em;text-transform:uppercase;content:"";grid-area:1/1/span 6;align-self:start;font-size:8px;font-weight:800}.infranexia-table td>*{grid-column:2;min-width:0}.infranexia-table td:first-child{z-index:1;color:#0878d7;background:#e8f3ff;border:0;border-radius:50%;place-items:center;height:25px;min-height:0;padding:0;font-size:9px;font-weight:800;display:grid;position:absolute;top:10px;right:10px;width:25px!important}.infranexia-table td:first-child:before{display:none}.infranexia-table td:nth-child(2){border-top:0;padding-top:2px;padding-right:34px}.infranexia-table td:nth-child(2):before{content:"Pelanggan"}.infranexia-table td:nth-child(3):before{content:"Profile"}.infranexia-table td:nth-child(4):before{content:"Tikor"}.infranexia-table td:nth-child(5):before{content:"Lokasi"}.infranexia-table td:nth-child(6):before{content:"Koneksi"}.infranexia-table td:nth-child(7):before{content:"Status"}.infranexia-table td:nth-child(8):before{content:"Aksi"}.infranexia-table td strong,.infranexia-table td small,.infranexia-location-cell strong,.infranexia-location-cell small,.infranexia-map-link strong,.infranexia-map-link small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.infranexia-table td strong.infranexia-customer-name{padding-right:0}.infranexia-row-actions{flex-wrap:wrap}.infranexia-row-actions button{min-width:70px;height:32px}.summary-modal-backdrop:has(.infranexia-editor-modal){align-items:end;padding:8px}.infranexia-editor-modal{border-radius:16px 16px 10px 10px;width:100%;max-height:calc(100dvh - 16px);padding:13px}.infranexia-editor-modal .infranexia-form-grid{grid-template-columns:1fr}.infranexia-editor-modal .infranexia-wide-field,.infranexia-editor-modal .infranexia-status-field,.infranexia-editor-modal .infranexia-target-group .infranexia-field{grid-column:auto}.infranexia-editor-modal .infranexia-form-section{padding:11px}.infranexia-editor-modal .infranexia-field input,.infranexia-editor-modal .infranexia-field select{height:44px;font-size:12px}.infranexia-editor-modal .infranexia-date-picker button{width:32px;height:32px;top:6px}}@media(max-width:420px){.infranexia-overview .infranexia-kpi-card{min-height:86px;padding:10px}.infranexia-overview .infranexia-kpi-card strong{font-size:18px}.infranexia-overview .infranexia-kpi-card span,.infranexia-overview .infranexia-kpi-card small{font-size:8px}.infranexia-toolbar{grid-template-columns:1fr}.infranexia-toolbar .infranexia-search,.infranexia-toolbar>select{grid-column:1}.infranexia-table td{grid-template-columns:72px minmax(0,1fr)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
