.ui-icon{width:18px;height:18px;display:block;flex:0 0 auto}
nav button,nav a{display:flex;align-items:center;gap:11px;position:relative}
nav button .ui-icon,nav a .ui-icon{width:17px;height:17px;color:#69869a;transition:color .18s ease,transform .18s ease}
nav button:hover .ui-icon,nav button.active .ui-icon,nav a:hover .ui-icon{color:var(--cyan);transform:translateY(-1px)}
nav button span,nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis}
nav .nav-external-icon{width:11px;height:11px;margin-left:auto;opacity:.4}
.page-heading{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center}
.page-icon{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(35,210,218,.24);border-radius:10px;background:linear-gradient(145deg,rgba(35,210,218,.12),rgba(35,210,218,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.page-icon .ui-icon{width:18px;height:18px}
#logout{display:flex;align-items:center;gap:7px}
#logout .ui-icon{width:15px;height:15px}
.metric-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.metric-card::after{content:"";position:absolute;width:110px;height:110px;right:-54px;top:-58px;border-radius:50%;background:radial-gradient(circle,currentColor 0,transparent 68%);opacity:.075;pointer-events:none}
.metric-card:hover{transform:translateY(-2px);border-color:rgba(35,210,218,.3);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.card-heading{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:650}
.card-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.025);opacity:.9}
.card-icon-svg{width:15px;height:15px}
.tone-cyan{color:#26d7dc}.tone-violet{color:#8b80ff}.tone-green{color:#49d89a}.tone-amber{color:#f2bd5b}
.metric-card strong,.metric-card em,.metric-card .card-heading>span:last-child{color:#dbe7f5}
.metric-card em{color:var(--muted)}
.section-title h2{display:flex;align-items:center;gap:9px}
.section-icon{width:17px;height:17px;color:var(--cyan)}
.status-panel{padding-top:7px;padding-bottom:7px}
.icon-metric>span{display:flex;align-items:center;gap:10px}
.metric-icon{width:27px;height:27px;display:grid;place-items:center;color:#7ea0b4;border:1px solid rgba(126,160,180,.15);border-radius:7px;background:rgba(126,160,180,.045)}
.metric-icon .ui-icon{width:14px;height:14px}
.icon-metric:hover .metric-icon{color:var(--cyan);border-color:rgba(35,210,218,.25);background:rgba(35,210,218,.07)}
@media(max-width:760px){.page-heading{grid-template-columns:32px minmax(0,1fr);column-gap:9px}.page-icon{width:30px;height:30px;border-radius:8px}.page-icon .ui-icon{width:15px;height:15px}.card-heading{font-size:11px}.card-icon{width:27px;height:27px}}