:root{
 --sidebar:228px;--sidebar-collapsed:76px;--navy:#061a33;--navy2:#092748;--navy3:#0b3158;--blue:#1473e6;--blue2:#2588ff;--blue-soft:#eaf3ff;--cyan:#19b8c8;--purple:#7656db;--green:#17a36b;--amber:#f6a609;--red:#e54d5e;
 --bg:#f4f7fb;--panel:#fff;--line:#dfe6ef;--line2:#edf1f6;--text:#10233d;--muted:#718096;--muted2:#94a3b8;--shadow:0 6px 22px rgba(15,43,72,.08);--shadow-lg:0 18px 44px rgba(15,43,72,.16);--radius:10px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}svg{width:1em;height:1em;fill:currentColor;display:block}.muted{color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#082b50 0%,#061b34 50%,#04162b 100%);color:#d9e6f4;z-index:70;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);box-shadow:7px 0 28px rgba(4,20,39,.14);transition:.22s ease}.brand{height:82px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.brandmark{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#43a5ff 0,#1265c7 48%,#0a2d55 100%);box-shadow:0 0 22px rgba(43,145,255,.48),inset 0 0 0 1px rgba(255,255,255,.17);font-size:0}.brandmark:before{content:"V";font-size:24px;font-weight:800;font-style:italic;color:#fff;filter:drop-shadow(0 1px 4px rgba(255,255,255,.35))}.brandtext{min-width:0}.brandtext b{display:block;font-size:14px;letter-spacing:.14em;color:#fff;text-transform:uppercase;white-space:nowrap}.brandtext small{display:block;margin-top:3px;font-size:7px;letter-spacing:.24em;color:#86add0;text-transform:uppercase;font-weight:700}.sidebar-collapse{position:absolute;right:-13px;top:33px;width:26px;height:26px;border-radius:50%;border:1px solid #d7e1ee;background:#fff;color:#526b85;box-shadow:0 3px 10px rgba(21,54,86,.14);cursor:pointer;display:grid;place-items:center;padding:0;z-index:2}.side-scroll{flex:1;overflow:auto;padding:8px 8px 14px;scrollbar-width:thin;scrollbar-color:#21466a transparent}.side-nav{display:block}.nav-title{padding:14px 10px 6px;font-size:8px;font-weight:800;letter-spacing:.18em;color:#7ea0c0;text-transform:uppercase}.nav-link{position:relative;display:flex;align-items:center;gap:10px;min-height:39px;padding:7px 10px;border-radius:7px;color:#ccdaea;font-weight:600;font-size:11px;margin:1px 0;transition:.15s}.nav-link:hover{color:#fff;background:rgba(57,141,224,.11)}.nav-link.active{color:#fff;background:linear-gradient(90deg,#1767cc,#1055b5);box-shadow:inset 0 0 0 1px rgba(94,174,255,.38),0 4px 12px rgba(0,64,145,.24)}.nav-link.active:before{content:"";position:absolute;left:-8px;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:#62b2ff}.nav-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#a8c3db;font-size:14px;flex:0 0 26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.nav-link.active .nav-icon{color:#fff;background:rgba(255,255,255,.12)}.nav-label{min-width:0}.nav-active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#8bceff}.sidebar-foot{padding:10px 10px 14px}.system-state{border:1px solid rgba(96,163,221,.2);background:rgba(13,57,96,.45);border-radius:8px;padding:9px 10px;display:flex;align-items:flex-start;gap:8px}.system-state strong{display:block;font-size:9px;color:#81e6b9}.system-state small{display:block;font-size:8px;color:#7697b6;margin-top:3px}.health-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:#2fd47d;box-shadow:0 0 0 3px rgba(47,212,125,.12);margin-top:3px;flex:0 0 auto}.version-line{display:flex;justify-content:space-between;color:#688aa8;font-size:8px;padding:9px 2px 0}
.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column;transition:.22s ease}.topbar{height:64px;background:#eaf1f8;border-bottom:1px solid #d7e1ec;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:55;box-shadow:0 5px 18px rgba(41,73,105,.08)}.top-left,.top-actions{display:flex;align-items:center;gap:9px}.top-icon{width:36px;height:36px;border:1px solid #d7e1ec;border-radius:8px;background:#fff;color:#536d88;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(36,66,96,.05)}.top-icon:hover{background:#f8fbff;color:#1268cc}.menuBtn{display:none}.global-search{width:420px;height:37px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce5ef;border-radius:8px;padding:0 9px;box-shadow:0 2px 9px rgba(28,63,96,.06)}.global-search input{border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;background:transparent;width:100%;font-size:10px;color:#445b73}.global-search input::placeholder{color:#8aa0b6}.global-search .search-icon{font-size:14px;color:#607d99}.global-search kbd{font-size:8px;color:#91a4b8;background:#f2f6fa;border:1px solid #e0e7ef;border-radius:5px;padding:3px 5px;white-space:nowrap}.top-context{display:none}.notification-wrap,.profile-menu{position:relative}.notification-btn{position:relative}.notification-btn i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:#1775e5;border:1px solid #fff}.profile-link{height:42px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);padding:3px 5px;cursor:pointer}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:#183b64;border:1px solid #dce5f1;font-weight:800;font-size:10px}.avatar.large{width:39px;height:39px}.profile-copy{text-align:left;min-width:88px}.profile-copy b{display:block;font-size:9px;line-height:1.15}.profile-copy small{display:block;font-size:7.5px;color:#8295a9;margin-top:3px}.profile-chevron{color:#8aa0b3;font-size:11px}.notification-dropdown,.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 9px);width:310px;background:#fff;border:1px solid #dbe4ed;border-radius:10px;box-shadow:var(--shadow-lg);z-index:90;overflow:hidden}.notification-wrap.open .notification-dropdown,.profile-menu.open .profile-dropdown{display:block}.profile-dropdown{width:248px}.dropdown-head,.profile-dropdown-head{padding:13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2)}.profile-dropdown-head{justify-content:flex-start;gap:10px}.dropdown-head b,.profile-dropdown-head b{display:block;font-size:10px}.dropdown-head small,.profile-dropdown-head small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.notification-empty{padding:25px 15px;text-align:center;color:var(--muted);display:grid;gap:5px;justify-items:center}.notification-empty-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1973dc;font-size:15px}.notification-empty b{font-size:10px;color:#344b65}.notification-empty small{font-size:8px}.dropdown-foot{padding:9px 12px;border-top:1px solid var(--line2);text-align:right;font-size:8.5px;color:#126bd3;font-weight:700}.profile-dropdown>a{display:block;padding:10px 13px;border-bottom:1px solid var(--line2)}.profile-dropdown>a span{display:block;font-weight:700;font-size:9px}.profile-dropdown>a small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.profile-dropdown>a:hover{background:#f7faff}.profile-dropdown .logout{color:#c63d4e}.dropdown-separator{height:6px;background:#f7f9fb}
.main{flex:1}.content{max-width:1680px;width:100%;margin:0 auto;padding:20px 22px 26px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.crumb{display:none}.page-title-row h1{font-size:24px;line-height:1.05;margin:0;letter-spacing:-.03em;color:#0d2038}.page-subtitle{margin:5px 0 0;font-size:9px;color:#7d91a5}.page-head-actions{display:flex;align-items:center;gap:7px}.section-kicker{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#1b71d4;font-weight:800;margin-bottom:7px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 11px}.toolbar-left,.toolbar-right{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.toolbar-search input{min-width:230px}.section-title{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#3778bf;font-weight:800;margin:17px 0 7px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.split{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:10px}.dashboard-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:10px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.25fr);gap:10px;margin-top:10px}.card{background:var(--panel);border:1px solid #dfe7f0;border-radius:var(--radius);padding:13px;box-shadow:var(--shadow)}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line2)}.card-head h2,.card h2{font-size:11px;margin:0;color:#11263f}.card-head small{font-size:8px;color:var(--muted)}.metric-card{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px}.metric-label{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#6d8297;font-weight:800}.metric{font-size:24px;font-weight:800;letter-spacing:-.035em;color:#0e233d;line-height:1.05;margin-top:4px}.metric-sub{font-size:8px;color:#8597aa;margin-top:5px;line-height:1.45}.metric-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#eaf3ff;color:#1471d8;font-size:15px;flex:0 0 auto}.metric-ring{width:42px;height:42px;border-radius:50%;background:conic-gradient(#18a99a var(--ring,68%),#e7eef6 0);display:grid;place-items:center}.metric-ring:after{content:attr(data-label);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:7px;font-weight:800;color:#166f9a}.mini-bars{height:30px;width:42px;display:flex;align-items:flex-end;gap:3px}.mini-bars i{display:block;width:4px;border-radius:3px 3px 0 0;background:#6eaeef}.mini-bars i:nth-child(1){height:8px}.mini-bars i:nth-child(2){height:12px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:24px}.mini-bars i:nth-child(5){height:29px}
.ops-actions{display:flex;justify-content:flex-end;gap:7px;margin:0 0 10px}.ops-chip{height:40px;min-width:104px;padding:0 10px;border:1px solid #dfe7ef;background:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(38,72,104,.04)}.ops-chip strong{display:block;font-size:9px}.ops-chip small{display:block;font-size:7.5px;color:#8395a9;margin-top:2px}.ops-chip .chip-icon{width:26px;height:26px;border-radius:7px;background:#edf5ff;color:#1473e6;display:grid;place-items:center}.ops-chip.primary{background:linear-gradient(135deg,#1b79eb,#1764cc);border-color:#1764cc;color:#fff}.ops-chip.primary small{color:#d8eaff}.traffic-card{padding:0;overflow:hidden}.traffic-head{padding:12px 13px 6px;display:flex;align-items:flex-start;justify-content:space-between}.traffic-title small,.panel-kicker{display:block;font-size:7px;color:#1b71d4;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px}.traffic-title h2{font-size:12px;margin:0}.traffic-legend{display:flex;gap:13px;font-size:8px;color:#5e748a}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;border-radius:50%;background:#176ed8}.legend-dot.out{background:#1aa9a0}.traffic-chart{height:236px;margin:0 12px 0;position:relative;border-bottom:1px solid #e8eef5;background:linear-gradient(to bottom,rgba(245,249,253,.3),rgba(250,252,255,.8));overflow:hidden}.traffic-chart:before{content:"";position:absolute;inset:0;background:linear-gradient(#e9eff5 1px,transparent 1px),linear-gradient(90deg,#eef3f8 1px,transparent 1px);background-size:100% 25%,12.5% 100%;pointer-events:none}.traffic-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.traffic-axis{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:space-between;color:#7c91a6;font-size:7px;padding:0 3px}.traffic-stats{display:grid;grid-template-columns:1fr 1fr auto;border-top:1px solid #edf1f5}.traffic-stat{padding:10px 13px;border-right:1px solid #edf1f5}.traffic-stat:last-child{border-right:0;text-align:right}.traffic-stat small{display:block;font-size:7px;text-transform:uppercase;color:#8296aa;letter-spacing:.06em}.traffic-stat b{font-size:9px;margin-top:3px;display:block}.donut-wrap{display:grid;place-items:center;padding:19px 8px 14px}.donut{width:126px;height:126px;border-radius:50%;background:conic-gradient(#1771da 0 28%,#1aa99f 28% 74%,#7758d9 74% 100%);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#fff}.donut-value{position:relative;z-index:1;text-align:center}.donut-value b{display:block;font-size:13px}.donut-value small{font-size:6.5px;color:#8395a8;text-transform:uppercase}.mix-list{display:grid;gap:10px;padding:0 13px 13px}.mix-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:8px}.mix-row i{width:6px;height:6px;border-radius:50%;background:#1771da}.mix-row:nth-child(2) i{background:#1aa99f}.mix-row:nth-child(3) i{background:#7758d9}.mix-row b{font-size:8px}.health-ring{width:112px;height:112px;margin:13px auto;border-radius:50%;background:conic-gradient(#17a36b var(--health,81%),#edf2f6 0);display:grid;place-items:center;position:relative}.health-ring:after{content:"";width:84px;height:84px;border-radius:50%;background:#fff;position:absolute}.health-ring span{position:relative;z-index:1;text-align:center}.health-ring b{font-size:19px;display:block}.health-ring small{font-size:7px;color:#8395a8}.health-list{border-top:1px solid var(--line2)}.health-row{padding:8px 12px;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;font-size:8px}.health-row:last-child{border-bottom:0}.health-row .ok-dot{width:6px;height:6px;border-radius:50%;background:#17a36b;display:inline-block;margin-right:5px}.map-card{overflow:hidden;padding:0}.map-placeholder{height:190px;position:relative;background:radial-gradient(circle at 68% 45%,rgba(40,111,180,.18),transparent 20%),linear-gradient(135deg,#61788e,#40596f);overflow:hidden}.map-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#a9bdcf 1.2px,transparent 1.4px);background-size:36px 27px;opacity:.23}.map-placeholder:after{content:"VPN NETWORK FOOTPRINT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.19em;color:#dce9f4;font-weight:800}.map-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(45,153,255,.25),0 0 14px #65b7ff}.map-node.n1{left:18%;top:48%}.map-node.n2{left:34%;top:37%}.map-node.n3{left:49%;top:51%}.map-node.n4{left:62%;top:30%}.map-node.n5{left:78%;top:53%}.map-line{position:absolute;height:1px;background:rgba(205,229,249,.45);transform-origin:left center}.map-line.l1{left:20%;top:49%;width:32%;transform:rotate(-8deg)}.map-line.l2{left:35%;top:39%;width:45%;transform:rotate(18deg)}.map-line.l3{left:50%;top:51%;width:30%;transform:rotate(2deg)}
.server-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.summary-item{padding:13px;border-right:1px solid var(--line2)}.summary-item:last-child{border-right:0}.summary-item small{font-size:7.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.summary-item strong{display:block;font-size:16px;margin-top:4px}.key-value{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:9px}.key-value:last-child{border-bottom:0}.key-value dt{color:var(--muted)}.key-value dd{margin:0;text-align:right}.peer-name{font-weight:700;color:#163456;font-size:9.5px}.peer-meta{color:#8a9eb2;font-size:7.5px;margin-top:2px}
.btn,button,input[type=submit]{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--blue);border:1px solid var(--blue);color:#fff;padding:7px 11px;border-radius:7px;cursor:pointer;font-weight:700;font-size:9px;min-height:32px;line-height:1;transition:.15s}.btn:hover,button:hover,input[type=submit]:hover{background:#0e62c7;border-color:#0e62c7}.btn.secondary,button.secondary{background:#fff;color:#49627d;border-color:#d5e0ea}.btn.secondary:hover,button.secondary:hover{background:#f8fbff}.btn.danger,button.danger{background:#fff;color:var(--red);border-color:#f1c8ce}.btn.ghost,button.ghost{background:transparent;color:#667f97;border-color:transparent}.btn.small,button.small{padding:5px 8px;min-height:27px;font-size:8px}.actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.actions form{margin:0}.dropdown-actions{position:relative}.kebab{width:29px;padding:0;background:#fff;color:#667085;border-color:#dde3ea;font-size:16px}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:8px 10px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle}tr:last-child td{border-bottom:0}th{font-size:7.5px;text-transform:uppercase;letter-spacing:.07em;color:#73889e;background:#f8fafc;font-weight:800;white-space:nowrap}tbody tr:hover td{background:#fbfdff}.table-wrap{overflow:auto;border-radius:var(--radius)}.table-wrap table{min-width:780px}.table-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-card table{border:0;border-radius:0;box-shadow:none}.table-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line2)}.table-card-head h2{margin:0;font-size:10px}.table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.table-title h2{margin:0}.table-filter{display:flex;align-items:center;gap:6px}.table-filter input,.table-filter select{min-width:145px;padding:6px 8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:#eef2f6;color:#5f748a;font-size:7.5px;font-weight:700;text-transform:capitalize;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#98a2b3}.badge.ok{background:#e9f8f0;color:#087647}.badge.ok:before{background:#17a36b}.badge.bad{background:#fff0f2;color:#b83243}.badge.bad:before{background:#e54d5e}.badge.warn{background:#fff7e6;color:#9b5b00}.badge.warn:before{background:#f6a609}.badge.info{background:#eaf3ff;color:#175fae}.badge.info:before{background:#1c77dc}.badge.plain:before{display:none}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700;color:#486078}.field-help{font-size:8px;color:#91a2b4}input,select,textarea{width:100%;background:#fff;color:var(--text);border:1px solid #d2dde8;padding:7px 9px;border-radius:7px;outline:none;min-height:34px}input:focus,select:focus,textarea:focus{border-color:#69aaf1;box-shadow:0 0 0 3px rgba(31,119,220,.12)}textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.alert{padding:9px 11px;border:1px solid #dce5ee;border-radius:8px;margin-bottom:11px;background:#fff;color:#475f78;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow)}.alert.success{background:#ebf9f1;border-color:#bde9cf;color:#087647}.alert.warning{background:#fff8e8;border-color:#f7df9f;color:#8d5a00}.alert.danger{background:#fff1f3;border-color:#efc4ca;color:#b83243}.alert-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);font-size:10px;font-weight:800;flex:0 0 auto}.alert span{flex:1}.alert-close{background:transparent!important;border:0!important;color:currentColor!important;min-height:20px!important;padding:0 3px!important;font-size:17px}.authmain{min-height:100vh;display:grid;place-items:center;padding:80px 20px 20px;background:linear-gradient(135deg,#edf4fb,#f9fbfd);position:relative}.auth-brand{position:absolute;top:24px;left:28px;display:flex;align-items:center;gap:9px}.auth-brand b{display:block;color:#17304d}.auth-brand small{display:block;color:#8398ad;font-size:9px}.authbox{width:min(405px,100%);padding:24px}.authbox h1{margin:0;font-size:20px}.code{white-space:pre-wrap;background:#0d2139;color:#dbe7f3;padding:12px;border-radius:7px;overflow:auto;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid #243b53}.steps{display:grid;gap:7px}.step{display:flex;gap:9px;align-items:flex-start;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fbfdff}.step-num{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1769c7;font-weight:800;font-size:9px;flex:0 0 23px}.empty{padding:30px;text-align:center;color:#8da0b3;border:1px dashed #d5e0ea;border-radius:8px;background:#fff}.app-footer{height:42px;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#8498ab;font-size:8px}.app-footer span:last-child{display:flex;align-items:center;gap:5px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(5,23,41,.5);backdrop-filter:blur(1px);z-index:100}.modal-backdrop.open{display:block}.modal{display:none;position:fixed;z-index:110;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-lg)}.modal.open{display:block}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line2)}.modal-head h2{margin:0;font-size:11px}.modal-close{width:28px;height:28px;background:#fff!important;color:#667085!important;border-color:#e1e6ed!important;padding:0!important}.modal-body{padding:15px}.modal-foot{display:flex;justify-content:flex-end;gap:7px;padding:11px 15px;border-top:1px solid var(--line2);background:#fafcfe}.server-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:12px}.server-tabs a{padding:8px 10px;font-size:8.5px;color:#657c93;font-weight:700;border-bottom:2px solid transparent}.server-tabs a.active{color:#176ad0;border-bottom-color:#176ad0}.flush .empty{border:0;border-radius:0}
body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}body.sidebar-collapsed .app-shell{margin-left:var(--sidebar-collapsed)}body.sidebar-collapsed .brand{padding:0 16px}body.sidebar-collapsed .brandtext,body.sidebar-collapsed .sidebar-collapse,body.sidebar-collapsed .nav-title,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-active-dot{display:none}body.sidebar-collapsed .nav-link{justify-content:center;padding:7px}body.sidebar-collapsed .nav-link.active:before{left:-8px}.mobile-overlay{display:none}
body.top-layout .sidebar{position:sticky;top:0;width:100%;height:58px;flex-direction:row;align-items:center;background:#071f3a}body.top-layout .brand{height:58px;width:230px;border-bottom:0;border-right:1px solid rgba(255,255,255,.07)}body.top-layout .sidebar-collapse{display:none}body.top-layout .side-scroll{flex:1;overflow:hidden;padding:0}body.top-layout .side-nav{display:flex;align-items:center;padding:7px 8px;overflow:auto}body.top-layout .nav-title{display:none}body.top-layout .nav-link{white-space:nowrap;min-height:34px}body.top-layout .nav-link.active:before{left:8px;right:8px;top:auto;bottom:-7px;width:auto;height:2px}body.top-layout .nav-active-dot{display:none}body.top-layout .sidebar-foot{display:none}body.top-layout .app-shell{margin-left:0}body.top-layout .topbar{top:58px}
@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr 1fr}.map-card{grid-column:1/-1}.server-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.split,.dashboard-split{grid-template-columns:1fr}.global-search{width:300px}.ops-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:860px){.sidebar{transform:translateX(-100%);width:264px!important}.menu-open .sidebar{transform:none}.app-shell,.sidebar-collapsed .app-shell{margin-left:0!important}.menuBtn{display:grid}.layoutBtn{display:none}.global-search{display:none}.profile-copy,.profile-chevron{display:none}.mobile-overlay{position:fixed;inset:0;background:rgba(5,23,41,.45);z-index:65}.menu-open .mobile-overlay{display:block}.content{padding:15px}.page-head{margin-bottom:12px}body.top-layout .sidebar{position:fixed;inset:0 auto 0 0;width:264px!important;height:100%;display:flex;flex-direction:column;transform:translateX(-100%)}body.top-layout.menu-open .sidebar{transform:none}body.top-layout .brand{height:74px;width:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}body.top-layout .side-scroll{overflow:auto;width:100%}body.top-layout .side-nav{display:block;padding:13px 9px}body.top-layout .nav-title{display:block}body.top-layout .nav-link{min-height:38px}body.top-layout .nav-link.active:before{left:-9px;right:auto;top:8px;bottom:8px;width:3px;height:auto}body.top-layout .app-shell{margin-left:0}body.top-layout .topbar{top:0}.notification-dropdown{right:-62px}}
@media(max-width:620px){.grid,.formgrid,.server-summary,.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom .map-card{grid-column:auto}.summary-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.summary-item:last-child{border-bottom:0!important}.topbar{padding:0 9px}.content{padding:12px 9px 18px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:19px}.page-subtitle{font-size:8px}.card{padding:11px}.metric{font-size:21px}.profile-menu{padding-left:2px}.app-footer{padding:0 10px}.table-filter{display:none}.toolbar{align-items:flex-start}.toolbar-left,.toolbar-right{width:100%}.toolbar-right .btn{flex:1}.modal{width:calc(100vw - 16px)}.notification-dropdown{right:-52px;width:min(310px,calc(100vw - 18px))}.ops-chip{min-width:calc(50% - 4px)}.traffic-chart{height:190px}}
.top-page-title{min-width:220px}.top-page-title b{display:block;font-size:11px;color:#132a44}.top-page-title small{display:block;font-size:8px;color:#7d91a5;margin-top:3px}.topbar .top-left{gap:10px}
@media(max-width:860px){.top-page-title{min-width:0}.top-page-title small{display:none}.top-page-title b{font-size:10px}}