:root{--bg:#03101b;--panel:#071a2a;--border:#17394f;--text:#f1f8ff;--muted:#7892a9;--cyan:#16cfff;--green:#38e875}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 72% 0%,rgba(0,159,210,.08),transparent 32%),linear-gradient(180deg,#061725,#020d16);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body{padding:22px}.page{max-width:1760px;margin:auto}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.server-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:radial-gradient(circle at 80% 0%,rgba(15,79,105,.12),transparent 34%),linear-gradient(180deg,rgba(8,28,45,.98),rgba(5,20,33,.98));min-width:0}
header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.eyebrow{display:block;color:#6edfff;font-size:.68rem;font-weight:900;letter-spacing:.14em}h1{margin:3px 0 0;font-size:1.35rem}
.source{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(59,112,141,.26);border-radius:999px;color:#8ea9bc;background:#081c2c;font-size:.56rem;font-weight:800}.source i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(56,232,117,.5)}
.metrics{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px}.metric{position:relative;min-height:110px;padding:10px 20px 6px 0}.metric+.metric{padding-left:26px;border-left:1px solid rgba(99,137,161,.14)}
.metric>span{display:block;color:#a1b4c4;font-size:.69rem}.metric strong{display:block;margin-top:4px;font-size:2rem;line-height:1}.metric small{display:block;margin-top:4px;color:#617b91;font-size:.56rem}.metric.cpu strong{color:var(--cyan)}.metric.ram strong{color:var(--green)}
.metric svg{position:absolute;left:0;right:18px;bottom:4px;width:calc(100% - 18px);height:29px}.metric+.metric svg{left:26px;width:calc(100% - 44px)}.metric polyline{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.cpu-mini{stroke:var(--cyan)}.ram-mini{stroke:var(--green)}
.chart-head{display:flex;justify-content:space-between;align-items:center;margin:3px 2px 7px;color:#8ba1b4;font-size:.63rem}.chart-head b{letter-spacing:.05em}.chart-head>div{display:flex;align-items:center;gap:7px}.key{display:inline-block;width:13px;height:2px}.cpu-key{background:var(--cyan)}.ram-key{background:var(--green)}
.chart{position:relative;height:320px;padding-left:43px;border-top:1px solid rgba(87,126,151,.08)}.grid{position:absolute;left:43px;right:0;top:0;bottom:28px;background:repeating-linear-gradient(to bottom,rgba(78,117,143,.10) 0,rgba(78,117,143,.10) 1px,transparent 1px,transparent 25%),repeating-linear-gradient(to right,rgba(78,117,143,.06) 0,rgba(78,117,143,.06) 1px,transparent 1px,transparent 25%)}
.chart svg{position:absolute;left:43px;right:0;top:0;width:calc(100% - 43px);height:292px}.line{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke}.cpu-line{stroke:var(--cyan)}.ram-line{stroke:var(--green)}
.y{position:absolute;left:0;top:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:#8097aa;font-size:.59rem}.x{position:absolute;left:43px;right:0;bottom:1px;display:flex;justify-content:space-between;color:#6e879b;font-size:.59rem}
footer{display:flex;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid rgba(88,127,152,.08);color:#617b91;font-size:.56rem}
@media(max-width:1050px){.server-grid{grid-template-columns:1fr}}

/* ==========================================================
   v7.0.2 – Firewall WAN
   ========================================================== */

:root{
  --orange:#ff9d2f;
}

.server-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.wan-metrics{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
  margin-bottom:14px;
}

.wan-metric{
  position:relative;
  min-height:110px;
  padding:10px 18px 6px 0;
}

.wan-metric + .wan-metric{
  padding-left:20px;
  border-left:1px solid rgba(99,137,161,.14);
}

.wan-metric>span{
  display:block;
  color:#a1b4c4;
  font-size:.63rem;
}

.wan-metric strong{
  display:block;
  margin-top:4px;
  font-size:1.45rem;
  line-height:1;
  white-space:nowrap;
}

.wan-metric small{
  display:block;
  margin-top:4px;
  color:#617b91;
  font-size:.52rem;
}

.wan-metric.incoming strong{color:var(--green)}
.wan-metric.outgoing strong{color:var(--orange)}
.wan-metric.capacity strong{color:#ffc437}

.wan-metric svg{
  position:absolute;
  left:0;
  right:14px;
  bottom:4px;
  width:calc(100% - 14px);
  height:29px;
}

.wan-metric + .wan-metric svg{
  left:20px;
  width:calc(100% - 34px);
}

.wan-metric polyline{
  fill:none;
  stroke-width:1.6;
  vector-effect:non-scaling-stroke;
}

.wan-in-mini{stroke:var(--green)}
.wan-out-mini{stroke:var(--orange)}

.in-key{background:var(--green)}
.out-key{background:var(--orange)}

.wan-in-line{
  stroke:var(--green);
}

.wan-out-line{
  stroke:var(--orange);
}

.wan-y{
  position:absolute;
  left:0;
  top:0;
  bottom:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#8097aa;
  font-size:.59rem;
}

.wan-card .chart{
  padding-left:48px;
}

.wan-card .chart .grid{
  left:48px;
}

.wan-card .chart svg{
  left:48px;
  width:calc(100% - 48px);
}

.wan-card .chart .x{
  left:48px;
}

@media(max-width:1450px){
  .server-grid{
    grid-template-columns:1fr 1fr;
  }

  .wan-card{
    grid-column:1 / -1;
  }
}

@media(max-width:1050px){
  .server-grid{
    grid-template-columns:1fr;
  }

  .wan-card{
    grid-column:auto;
  }
}


/* ==========================================================
   v7.0.5 – Leitstand Kopfzeile
   ========================================================== */

body{
  padding:0;
}

.leitstand-topbar{
  width:100%;
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(340px,1fr) auto minmax(420px,1fr);
  align-items:center;
  gap:22px;
  padding:16px 22px 14px;
  margin-bottom:20px;
  border-bottom:1px solid rgba(57,101,130,.18);
  background:
    radial-gradient(circle at 90% 0%,rgba(18,128,159,.13),transparent 34%),
    linear-gradient(180deg,#0a1f34 0%,#071827 100%);
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}

.brand-block{
  min-width:0;
}

.brand-kicker{
  display:block;
  margin-bottom:1px;
  color:#64d9ff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.13em;
}

.brand-title-row{
  display:flex;
  align-items:center;
  gap:9px;
}

.brand-title{
  color:#f3f8fd;
  font-size:2.2rem;
  line-height:1;
  letter-spacing:-.045em;
}

.version-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:23px;
  padding:0 8px;
  border:1px solid rgba(84,126,153,.32);
  border-radius:999px;
  background:#0b2135;
  color:#7894aa;
  font-size:.57rem;
  font-weight:800;
}

.brand-subtitle{
  display:block;
  margin-top:5px;
  color:#8198ab;
  font-size:.69rem;
}

.top-nav{
  display:flex;
  gap:7px;
  align-items:center;
  justify-content:center;
}

.nav-button{
  min-width:92px;
  height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  border:1px solid rgba(68,109,136,.23);
  border-radius:9px;
  background:#081b2d;
  color:#839bad;
  text-decoration:none;
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.03em;
  transition:.15s ease;
}

.nav-button:hover{
  border-color:rgba(52,171,231,.42);
  color:#d4eefb;
  background:#0a2135;
}

.nav-button.active{
  border-color:#168de1;
  color:#fff;
  background:
    linear-gradient(180deg,#138ee9,#0968c6);
  box-shadow:0 0 20px rgba(15,129,221,.16);
}

.nav-icon{
  font-size:1rem;
  line-height:1;
}

.top-status{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}

.status-box{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(69,111,137,.26);
  border-radius:9px;
  background:rgba(7,25,41,.88);
}

.status-box small{
  display:block;
  color:#7791a5;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.08em;
}

.status-box strong{
  display:block;
}

.status-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#0a2b3f;
  color:#60d7ff;
  font-size:1rem;
}

.infra-box strong{
  margin-top:2px;
  color:#48e895;
  font-size:.63rem;
}

.clock-box{
  min-width:116px;
  display:block;
  text-align:center;
}

.clock-box strong{
  color:#f4f8fc;
  font-size:1.14rem;
  line-height:1.05;
}

.clock-box span{
  display:block;
  margin-top:4px;
  color:#8198ab;
  font-size:.55rem;
}

.live-box{
  min-width:112px;
}

.live-dot{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:#48e895;
  box-shadow:
    0 0 0 5px rgba(72,232,149,.08),
    0 0 13px rgba(72,232,149,.5);
}

.live-box strong{
  color:#eef8ff;
  font-size:.75rem;
}

.live-box span{
  display:block;
  margin-top:2px;
  color:#7f97aa;
  font-size:.52rem;
}

.page{
  max-width:1760px;
  margin:0 auto;
  padding:0 22px 22px;
}

@media(max-width:1300px){
  .leitstand-topbar{
    grid-template-columns:1fr auto;
  }

  .top-nav{
    order:3;
    grid-column:1 / -1;
  }
}

@media(max-width:820px){
  .leitstand-topbar{
    grid-template-columns:1fr;
  }

  .brand-title{
    font-size:1.8rem;
  }

  .top-status{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .top-nav{
    grid-column:auto;
    justify-content:flex-start;
  }
}


/* ==========================================================
   v7.0.6 – Top Systeme nach Last
   ========================================================== */

.top-systems-card{
  grid-column:1;
  min-height:235px;
  padding:16px 17px 13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:
    radial-gradient(circle at 85% 0%,rgba(15,79,105,.08),transparent 34%),
    linear-gradient(180deg,rgba(8,28,45,.98),rgba(5,20,33,.98));
}

.top-systems-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:10px;
}

.top-systems-head>div>span{
  display:block;
  color:#78a0ba;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.09em;
}

.top-systems-head h2{
  margin:3px 0 0;
  color:#f2f7fb;
  font-size:.94rem;
  line-height:1;
}

.top-systems-source{
  padding:3px 7px;
  border:1px solid rgba(72,115,144,.20);
  border-radius:999px;
  color:#7895a9;
  background:#081c2c;
  font-size:.48rem;
  font-weight:800;
}

.top-systems-table{
  border-top:1px solid rgba(84,124,149,.08);
}

.top-systems-row{
  display:grid;
  grid-template-columns:minmax(110px,1.35fr) minmax(115px,1fr) 60px 67px;
  gap:9px;
  align-items:center;
  min-height:34px;
  padding:0 2px;
  border-bottom:1px solid rgba(77,115,141,.07);
}

.top-systems-columns{
  min-height:28px;
  color:#6f899d;
  font-size:.48rem;
  letter-spacing:.04em;
}

.top-systems-row.host-row{
  color:#aebfcb;
  font-size:.59rem;
}

.top-systems-host{
  overflow:hidden;
  color:#dce8f0;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.top-cpu-cell{
  display:grid;
  grid-template-columns:minmax(45px,1fr) 35px;
  gap:7px;
  align-items:center;
}

.top-cpu-track{
  height:8px;
  overflow:hidden;
  border-radius:2px;
  background:#0a2539;
}

.top-cpu-bar{
  display:block;
  width:0;
  height:100%;
  border-radius:2px;
  background:linear-gradient(90deg,#177ed6,#2e9ff5);
  box-shadow:0 0 7px rgba(39,147,234,.18);
}

.top-value{
  text-align:right;
  font-weight:800;
}

.top-value.cpu{
  color:#b7c8d5;
}

.top-value.ram.ok{
  color:#44e58c;
}

.top-value.ram.warn{
  color:#ffc437;
}

.top-value.ram.crit{
  color:#ff5372;
}

.top-value.load{
  color:#ffc437;
}

.top-systems-empty{
  min-height:120px;
  display:grid;
  place-items:center;
  color:#617c91;
  font-size:.58rem;
}

@media(max-width:1450px){
  .top-systems-card{
    grid-column:1;
  }
}

@media(max-width:1050px){
  .top-systems-card{
    grid-column:auto;
  }
}


/* ==========================================================
   v7.0.7 – Docker Container unter Docker-host
   ========================================================== */

.docker-status-card{
  grid-column:2;
  min-height:235px;
  padding:16px 17px 13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:
    radial-gradient(circle at 88% 0%,rgba(0,210,255,.06),transparent 34%),
    linear-gradient(180deg,rgba(8,28,45,.98),rgba(5,20,33,.98));
}

.docker-status-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:13px;
}

.docker-status-head>div>span{
  display:block;
  color:#53d8ff;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.09em;
}

.docker-status-head h2{
  margin:3px 0 0;
  color:#f2f7fb;
  font-size:.94rem;
  line-height:1;
}

.docker-status-source{
  padding:3px 7px;
  border:1px solid rgba(61,223,255,.15);
  border-radius:999px;
  color:#78a6bb;
  background:#081c2c;
  font-size:.48rem;
  font-weight:800;
}

.docker-status-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:12px;
}

.docker-kpi{
  min-height:60px;
  padding:9px 10px;
  border:1px solid rgba(79,124,151,.10);
  border-radius:7px;
  background:rgba(8,30,47,.72);
}

.docker-kpi span{
  display:block;
  margin-bottom:5px;
  color:#6e8ba0;
  font-size:.48rem;
  font-weight:800;
  letter-spacing:.05em;
}

.docker-kpi strong{
  font-size:1.35rem;
  line-height:1;
}

.docker-kpi.ok strong{color:#39e68a}
.docker-kpi.warn strong{color:#ffc13d}
.docker-kpi.total strong{color:#2ca8ff}

.docker-status-bar{
  display:flex;
  height:8px;
  overflow:hidden;
  margin:2px 0 13px;
  border-radius:4px;
  background:#0b2638;
}

.docker-running-bar{
  width:0;
  background:linear-gradient(90deg,#1ba967,#39e68a);
  transition:width .35s ease;
}

.docker-stopped-bar{
  width:0;
  background:linear-gradient(90deg,#e3a11a,#ffbf35);
  transition:width .35s ease;
}

.docker-status-list{
  border-top:1px solid rgba(83,121,145,.09);
}

.docker-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:27px;
  border-bottom:1px solid rgba(83,121,145,.07);
  color:#8199aa;
  font-size:.54rem;
}

.docker-status-row b{
  color:#cfe0ea;
  font-weight:800;
}

.docker-status-row b.ok{color:#39e68a}
.docker-status-row b.warn{color:#ffc13d}
.docker-status-row b.crit{color:#ff5474}

.docker-status-message{
  margin-top:9px;
  color:#607f94;
  font-size:.50rem;
}

@media(max-width:1050px){
  .docker-status-card{grid-column:auto}
}


/* ==========================================================
   v7.0.11 – Speicher / Storage
   ========================================================== */

.storage-card{
  grid-column:2;
  min-height:235px;
  padding:16px 17px 13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:
    radial-gradient(circle at 85% 0%,rgba(27,160,220,.07),transparent 34%),
    linear-gradient(180deg,rgba(8,28,45,.98),rgba(5,20,33,.98));
}

.storage-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:12px;
}

.storage-head>div>span{
  display:block;
  color:#5edbff;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.09em;
}

.storage-head h2{
  margin:3px 0 0;
  color:#f2f7fb;
  font-size:.94rem;
  line-height:1;
}

.storage-source{
  padding:3px 7px;
  border:1px solid rgba(66,126,154,.18);
  border-radius:999px;
  color:#7798ac;
  background:#081c2c;
  font-size:.48rem;
  font-weight:800;
}

.storage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.storage-item{
  min-width:0;
  padding:10px;
  border:1px solid rgba(74,117,143,.10);
  border-radius:8px;
  background:rgba(7,27,43,.76);
}

.storage-item-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
}

.storage-item-head span{
  display:block;
  color:#748ea1;
  font-size:.45rem;
  font-weight:900;
  letter-spacing:.06em;
}

.storage-item-head strong{
  display:block;
  max-width:118px;
  overflow:hidden;
  margin-top:3px;
  color:#dce9f1;
  font-size:.58rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.storage-value{
  color:#3be68d;
  font-size:1rem;
  line-height:1;
}

.storage-bar{
  height:6px;
  overflow:hidden;
  margin:9px 0 6px;
  border-radius:3px;
  background:#09283c;
}

.storage-bar-fill{
  display:block;
  width:0;
  height:100%;
  border-radius:3px;
  background:linear-gradient(90deg,#18a9dc,#3be68d);
  transition:width .3s ease;
}

.storage-item.warn .storage-value{
  color:#ffc13d;
}

.storage-item.warn .storage-bar-fill{
  background:linear-gradient(90deg,#e09b20,#ffc13d);
}

.storage-item.crit .storage-value{
  color:#ff5574;
}

.storage-item.crit .storage-bar-fill{
  background:linear-gradient(90deg,#e84261,#ff5574);
}

.storage-spark{
  width:100%;
  height:48px;
  overflow:visible;
}

.storage-line{
  fill:none;
  stroke:#25cfff;
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
}

.storage-item[data-storage="docker-root"] .storage-line{
  stroke:#39e68a;
}

.storage-item[data-storage="docker-nas"] .storage-line{
  stroke:#ffc13d;
}

.storage-meta{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#58768b;
  font-size:.44rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.storage-footer{
  display:flex;
  justify-content:space-between;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(81,119,143,.08);
  color:#607f93;
  font-size:.47rem;
}

@media(max-width:1050px){
  .storage-card{
    grid-column:auto;
  }

  .storage-grid{
    grid-template-columns:1fr;
  }
}

/* Seiten-Navigation v7.0.13 */

.page-nav{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(163,185,216,.14);border-radius:11px;background:rgba(255,255,255,.025)}
.page-nav a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.61rem;font-weight:800;letter-spacing:.02em;transition:background .15s ease,color .15s ease}
.page-nav a:hover{color:var(--text);background:rgba(99,216,255,.07)}
.page-nav a.active{color:var(--text);background:rgba(99,216,255,.10);box-shadow:inset 0 0 0 1px rgba(99,216,255,.16)}
.page-nav svg{width:14px;height:14px;fill:currentColor;flex:0 0 14px}


/* Kompakte Seitennavigation – v7.0.14 */
.page-nav.page-nav-compact {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(163,185,216,.12);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
}
.page-nav.page-nav-compact a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  color: #8fa5bd;
  background: transparent;
  text-decoration: none;
  font-size: .56rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
  transition: color .15s ease, background .15s ease, box-shadow .15s ease;
}
.page-nav.page-nav-compact a:hover {
  color: #eaf3fb;
  background: rgba(99,216,255,.055);
}
.page-nav.page-nav-compact a.active {
  color: #fff;
  background: rgba(99,216,255,.10);
  box-shadow: inset 0 0 0 1px rgba(99,216,255,.16);
}
.page-nav.page-nav-compact svg,
.page-nav.page-nav-compact i,
.page-nav.page-nav-compact .dot,
.page-nav.page-nav-compact .nav-dot {
  display: none !important;
}
.dashboard-chip,
.dashboard-pill,
.dashboard-link,
.top-dashboard-link,
.header-dashboard-link {
  display: none !important;
}



/* Navigation Fix v7.0.15 */
.page-nav-v7015{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent}
.page-nav-btn-v7015{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border:1px solid rgba(163,185,216,.14);border-radius:8px;color:#8fa5bd;background:rgba(255,255,255,.025);text-decoration:none;font-size:.57rem;font-weight:800;line-height:1;letter-spacing:.01em}
.page-nav-btn-v7015:hover{color:#eef7ff;border-color:rgba(99,216,255,.22);background:rgba(99,216,255,.06)}
.page-nav-btn-v7015.active{color:#fff;border-color:rgba(99,216,255,.28);background:rgba(99,216,255,.10)}
.dashboard-switch,.page-nav,.page-nav-compact{display:none!important}
.serverlast-nav-v7015{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:9999}



/* Navigation Icons v7.0.16 */
.page-nav-v7016{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  padding:0;
  border:0;
  background:transparent
}
.page-nav-icon-v7016{
  width:30px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(163,185,216,.14);
  border-radius:8px;
  color:#839bb5;
  background:rgba(255,255,255,.025);
  text-decoration:none;
  transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.page-nav-icon-v7016 svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.page-nav-icon-v7016:hover{
  color:#eaf7ff;
  border-color:rgba(99,216,255,.25);
  background:rgba(99,216,255,.06)
}
.page-nav-icon-v7016.active{
  color:#7de4ff;
  border-color:rgba(99,216,255,.30);
  background:rgba(99,216,255,.10);
  box-shadow:inset 0 0 0 1px rgba(99,216,255,.05)
}
.page-nav-v7015{display:none!important}
.serverlast-nav-v7016{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:9999
}