:root {
  --sl-ink: #0a1020;
  --sl-muted: #64748b;
  --sl-electric: #7457ff;
  --sl-cyan: #19d3da;
  --sl-surface: #11182a;
  --sl-border: rgba(148, 163, 184, .18);
}

html { scroll-behavior: smooth; }
body { background: #f5f7fb; color: var(--sl-ink); }
.navbar-brand { font-weight: 800; letter-spacing: -.04em; }
.brand-mark {
  align-items: center; background: linear-gradient(135deg, var(--sl-electric), var(--sl-cyan));
  border-radius: .75rem; color: white; display: inline-flex; height: 2.25rem;
  justify-content: center; margin-right: .55rem; width: 2.25rem;
}

.admin-shell { display: flex; min-height: 100vh; }
.admin-sidebar {
  background: #0b1120; color: #cbd5e1; display: flex; flex: 0 0 228px; flex-direction: column;
  height: 100vh; position: sticky; top: 0; transition: flex-basis .22s ease, width .22s ease; width: 228px; z-index: 20;
}
.admin-sidebar .nav-link { border-radius: .7rem; color: #94a3b8; font-weight: 600; padding: .72rem .85rem; }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { background: rgba(116,87,255,.18); color: #fff; }
.admin-sidebar .nav-link i { margin-right: .7rem; }
.admin-main { flex: 1 1 auto; min-width: 0; }
.sidebar-brand-row { align-items: center; display: flex; justify-content: space-between; min-height: 2.5rem; }
.sidebar-toggle { align-items: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: .6rem; color: #94a3b8; display: inline-flex; height: 2rem; justify-content: center; transition: .2s ease; width: 2rem; }
.sidebar-toggle:hover { background: rgba(116,87,255,.22); color: #fff; }
.sidebar-account { margin-top: auto; }
.profile-link { align-items: center; border-radius: .75rem; color: inherit; display: flex; gap: .65rem; padding: .55rem; text-decoration: none; }
.profile-link:hover, .profile-link.active { background: rgba(116,87,255,.18); }
.profile-avatar { align-items: center; background: linear-gradient(135deg,var(--sl-electric),var(--sl-cyan)); border-radius: .65rem; color: #fff; display: inline-flex; flex: 0 0 2.25rem; font-weight: 800; height: 2.25rem; justify-content: center; }
.profile-avatar-lg { flex-basis: 3.25rem; font-size: 1.25rem; height: 3.25rem; }
.profile-meta { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.profile-link > .bi { color: #64748b; font-size: .75rem; }
.sidebar-action { align-items: center; display: flex; gap: .7rem; justify-content: center; }
.admin-sidebar.is-collapsed { flex-basis: 78px; width: 78px; }
.admin-sidebar.is-collapsed .brand-label, .admin-sidebar.is-collapsed .nav-label, .admin-sidebar.is-collapsed .profile-meta, .admin-sidebar.is-collapsed .profile-link > .bi { display: none; }
.admin-sidebar.is-collapsed .sidebar-brand-row { flex-direction: column; gap: .7rem; }
.admin-sidebar.is-collapsed .navbar-brand .brand-mark { margin-right: 0; }
.admin-sidebar.is-collapsed .nav-link { align-items: center; display: flex; justify-content: center; padding-left: .65rem; padding-right: .65rem; }
.admin-sidebar.is-collapsed .nav-link i { font-size: 1.15rem; margin-right: 0; }
.admin-sidebar.is-collapsed .profile-link { justify-content: center; padding-left: 0; padding-right: 0; }
.admin-sidebar.is-collapsed .sidebar-action .bi { margin: 0; }
.metric-card, .panel-card { border: 1px solid rgba(15,23,42,.07); border-radius: 1rem; box-shadow: 0 12px 35px rgba(15,23,42,.055); }
.metric-value { font-size: clamp(1.7rem, 4vw, 2.35rem); font-weight: 800; letter-spacing: -.06em; }
.table > :not(caption) > * > * { padding: .85rem .75rem; }
.table thead th { color: var(--sl-muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.badge-soft-success { background: #dcfce7; color: #166534; }
.badge-soft-warning { background: #fef3c7; color: #92400e; }
.badge-soft-danger { background: #fee2e2; color: #991b1b; }
.badge-soft-info { background: #e0f2fe; color: #075985; }
.code-field { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; }

.stats-filter-card { align-items: end; background: radial-gradient(circle at 12% 20%,rgba(116,87,255,.28),transparent 34%),linear-gradient(135deg,#0b1120,#17213a); border: 1px solid rgba(148,163,184,.18); border-radius: 1rem; box-shadow: 0 18px 45px rgba(15,23,42,.14); color: #fff; display: grid; gap: 1rem; grid-template-columns: minmax(220px,1fr) minmax(220px,.8fr) minmax(170px,.45fr) auto; margin-bottom: 1rem; padding: 1.15rem 1.25rem; }
.stats-filter-card > div { align-self: center; display: flex; flex-direction: column; }.stats-filter-card > div strong { font-size: 1.12rem; }.stats-filter-kicker { color: #67e8f9; font-size: .62rem; font-weight: 800; letter-spacing: .14em; }
.stats-filter-card label { color: #aab6ca; font-size: .72rem; font-weight: 700; }.stats-filter-card label span { display: block; margin-bottom: .35rem; }.stats-filter-card .form-select { background-color: rgba(255,255,255,.96); border: 0; }
.stats-kpi-grid { display: grid; gap: .8rem; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 1rem; }
.stats-kpi { --stats-accent:#7457ff; background: linear-gradient(145deg,#111827,#1e293b); border: 1px solid rgba(148,163,184,.12); border-radius: 1rem; box-shadow: 0 10px 28px rgba(15,23,42,.1); color: #fff; display: flex; justify-content: space-between; min-width: 0; overflow: hidden; padding: 1rem; position: relative; }
.stats-kpi::after { background: radial-gradient(circle,var(--stats-accent),transparent 68%); content:""; height: 90px; opacity: .13; position: absolute; right: -28px; top: -35px; width: 90px; }.stats-kpi.is-cyan{--stats-accent:#19d3da}.stats-kpi.is-blue{--stats-accent:#3b82f6}.stats-kpi.is-green{--stats-accent:#22c55e}.stats-kpi.is-orange{--stats-accent:#f59e0b}.stats-kpi.is-pink{--stats-accent:#ec4899}
.stats-kpi > div { min-width: 0; position: relative; z-index: 1; }.stats-kpi > i { color: var(--stats-accent); font-size: 1.05rem; position: relative; z-index: 1; }.stats-kpi span { color: #aebbd0; display: block; font-size: .62rem; font-weight: 800; letter-spacing: .08em; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.stats-kpi strong { display: block; font-size: clamp(1.5rem,2.3vw,2rem); letter-spacing: -.05em; line-height: 1; margin: .65rem 0 .45rem; }.stats-kpi small { color: #71819a; display: block; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stats-primary-grid,.stats-secondary-grid,.stats-breakdown-grid { display: grid; gap: 1rem; margin-bottom: 1rem; }.stats-primary-grid { grid-template-columns: minmax(0,2fr) minmax(270px,.8fr); }.stats-breakdown-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.stats-secondary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.stats-panel { background: #fff; border: 1px solid rgba(15,23,42,.08); border-radius: 1rem; box-shadow: 0 12px 35px rgba(15,23,42,.045); min-width: 0; padding: 1.15rem; }.stats-panel > header { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 1rem; }.stats-panel > header span { color: #7457ff; display: block; font-size: .58rem; font-weight: 850; letter-spacing: .14em; }.stats-panel > header h2 { font-size: 1rem; font-weight: 750; margin: .18rem 0 0; }.stats-panel > header > i { color: #94a3b8; font-size: 1.1rem; }.stats-panel > header small { color: #94a3b8; }
.stats-live-pill { align-items: center; background: #f1f5f9; border-radius: 2rem; color: #64748b; display: flex; font-size: .66rem; font-weight: 700; gap: .4rem; padding: .32rem .6rem; }.stats-live-pill i { background: #22c55e; border-radius: 50%; height: .4rem; width: .4rem; }
.stats-line-chart svg { display: block; height: 280px; overflow: visible; width: 100%; }.stats-chart-grid { stroke: #e8edf4; stroke-width: 1; }.stats-chart-label { fill: #94a3b8; font-size: 11px; }.stats-chart-area { fill: url(#statsArea); }.stats-chart-line { fill: none; stroke: #7457ff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }.stats-line-chart circle { fill: #fff; stroke: #7457ff; stroke-width: 2; }.stats-chart-dates { color: #94a3b8; display: flex; font-size: .66rem; justify-content: space-between; margin: -1.5rem 1.1rem 0 3.3rem; }
.stats-donut { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 300px; }.stats-donut svg { height: 205px; overflow: visible; width: 205px; }.stats-donut circle { fill: none; stroke-width: 18; transform: rotate(-90deg); transform-origin: 70px 70px; }.stats-donut-track { stroke: #f59e0b; }.stats-donut-value { stroke: #22c55e; stroke-linecap: round; }.stats-donut-number { fill: #172033; font-size: 1.4rem; font-weight: 800; }.stats-donut-label { fill: #94a3b8; font-size: .48rem; font-weight: 800; letter-spacing: .12em; }.stats-donut-legend { display: flex; gap: 1rem; }.stats-donut-legend span { align-items: center; color: #64748b; display: flex; font-size: .7rem; gap: .35rem; }.stats-donut-legend i { border-radius: 50%; height: .5rem; width: .5rem; }.stats-donut-legend .is-human { background: #22c55e; }.stats-donut-legend .is-robot { background: #f59e0b; }.stats-donut-legend strong { color: #172033; }
.stats-rank-row { margin-bottom: .75rem; }.stats-rank-row:last-child { margin-bottom: 0; }.stats-rank-row > div { align-items: center; display: flex; gap: .6rem; justify-content: space-between; }.stats-rank-row span { font-size: .75rem; max-width: 76%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.stats-rank-row strong { font-size: .7rem; }.stats-rank-row > i,.stats-top-link i { background: #edf1f6; border-radius: 1rem; display: block; height: .36rem; margin-top: .35rem; overflow: hidden; }.stats-rank-row > i b,.stats-top-link i span { background: linear-gradient(90deg,#7457ff,#19d3da); border-radius: inherit; display: block; height: 100%; }.stats-color-1 > i b { background: linear-gradient(90deg,#3b82f6,#22c55e); }.stats-color-2 > i b { background: linear-gradient(90deg,#ec4899,#f59e0b); }.stats-color-3 > i b { background: linear-gradient(90deg,#06b6d4,#6366f1); }
.stats-w-5{width:5%}.stats-w-10{width:10%}.stats-w-15{width:15%}.stats-w-20{width:20%}.stats-w-25{width:25%}.stats-w-30{width:30%}.stats-w-35{width:35%}.stats-w-40{width:40%}.stats-w-45{width:45%}.stats-w-50{width:50%}.stats-w-55{width:55%}.stats-w-60{width:60%}.stats-w-65{width:65%}.stats-w-70{width:70%}.stats-w-75{width:75%}.stats-w-80{width:80%}.stats-w-85{width:85%}.stats-w-90{width:90%}.stats-w-95{width:95%}.stats-w-100{width:100%}
.stats-top-links { display: grid; }.stats-top-link { align-items: center; border-bottom: 1px solid #edf1f6; display: grid; gap: .65rem; grid-template-columns: 1.8rem minmax(0,1fr) auto; padding: .62rem 0; }.stats-top-link:last-child { border-bottom: 0; }.stats-top-link > b { color: #b1bac8; font-size: .7rem; }.stats-top-link a { display: block; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .76rem; font-weight: 750; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }.stats-top-link small { color: #94a3b8; display: block; font-size: .66rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.stats-top-link > strong { font-size: .7rem; }
.stats-empty { align-items: center; color: #94a3b8; display: flex; flex-direction: column; gap: .5rem; justify-content: center; min-height: 110px; }.stats-empty i { font-size: 1.4rem; }.stats-empty-chart { min-height: 280px; }.stats-recent { padding: 0; }.stats-recent > header { padding: 1.15rem 1.15rem 0; }.stats-recent table { font-size: .75rem; }.stats-recent .country-flag { font-size: 1rem; }.stats-referrer { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.domain-table { min-width: 1120px; }.domain-homepage-cell { min-width: 270px; }.domain-homepage-fixed { align-items: center; display: flex; gap: .65rem; }.domain-homepage-fixed > i { align-items: center; background: #ede9fe; border-radius: .6rem; color: #6d4aff; display: inline-flex; flex: 0 0 2rem; height: 2rem; justify-content: center; }.domain-homepage-fixed strong,.domain-homepage-fixed small { display: block; }.domain-homepage-fixed small { color: #64748b; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.domain-actions { align-items: center; display: flex; gap: .4rem; justify-content: flex-end; white-space: nowrap; }.domain-actions form { margin: 0; }
@media (max-width:1399.98px){.stats-kpi-grid{grid-template-columns:repeat(3,1fr)}.stats-breakdown-grid{grid-template-columns:repeat(2,1fr)}.stats-secondary-grid{grid-template-columns:1fr 1fr}.stats-secondary-grid>article:last-child{grid-column:1/-1}}
@media (max-width:991.98px){.stats-filter-card{grid-template-columns:1fr 1fr}.stats-filter-card>div{grid-column:1/-1}.stats-primary-grid,.stats-secondary-grid{grid-template-columns:1fr}.stats-secondary-grid>article:last-child{grid-column:auto}}
@media (max-width:575.98px){.stats-filter-card,.stats-kpi-grid,.stats-breakdown-grid{grid-template-columns:1fr}.stats-line-chart svg{height:220px}.stats-donut{min-height:240px}.stats-top-link{grid-template-columns:1.6rem minmax(0,1fr)}.stats-top-link>strong{grid-column:2}.stats-panel{padding:.9rem}}

.landing { background: #050711; color: #f8fafc; min-height: 100vh; overflow-x: hidden; }
.landing .navbar { background: rgba(7,11,22,.72); backdrop-filter: blur(18px); }
.hero {
  align-items: center; display: flex; min-height: 100vh; padding: 9rem 0 7rem; position: relative;
}
.hero::before {
  background: radial-gradient(circle, rgba(116,87,255,.3), transparent 64%); content: "";
  filter: blur(30px); height: 900px; left: 50%; position: absolute; top: -360px; transform: translateX(-50%); width: 1100px;
}
.hero::after { background: radial-gradient(circle, rgba(25,211,218,.12), transparent 65%); bottom: -220px; content: ""; height: 650px; left: -180px; position: absolute; width: 650px; }
.hero-grid { background-image: linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px); background-size: 48px 48px; inset: 0; mask-image: linear-gradient(to bottom, black, transparent 88%); position: absolute; }
.hero-copy-block { max-width: 1000px; position: relative; z-index: 2; }
.hero-kicker { color: #a5b4fc; font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero h1 { font-size: clamp(3.3rem, 7.6vw, 7rem); font-weight: 850; letter-spacing: -.075em; line-height: .92; text-wrap: balance; }
.gradient-text { background: linear-gradient(90deg, #a78bfa, #22d3ee 72%); background-clip: text; color: transparent; }
.hero-copy { color: #aab6ca; font-size: clamp(1.05rem, 2vw, 1.35rem); max-width: 660px; }
.pulse-dot { animation: pulse 2s infinite; background: #22c55e; border-radius: 50%; display: inline-block; height: .6rem; width: .6rem; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.35)} 50%{box-shadow:0 0 0 10px transparent} }

.signal-board { background: linear-gradient(145deg, rgba(14,20,36,.96), rgba(7,11,22,.98)); border: 1px solid rgba(148,163,184,.2); border-radius: 1.6rem; box-shadow: 0 45px 120px rgba(0,0,0,.55), 0 0 0 1px rgba(116,87,255,.08) inset; overflow: hidden; position: relative; z-index: 2; }
.signal-board::before { background: radial-gradient(circle, rgba(116,87,255,.14), transparent 68%); content: ""; height: 520px; left: 28%; pointer-events: none; position: absolute; top: 0; width: 520px; }
.board-chrome { align-items: center; background: rgba(3,6,15,.72); border-bottom: 1px solid var(--sl-border); color: #64748b; display: grid; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .68rem; grid-template-columns: 1fr auto 1fr; letter-spacing: .12em; padding: 1rem 1.25rem; position: relative; z-index: 2; }
.chrome-dots { display: flex; gap: .4rem; }
.chrome-dots i { background: #334155; border-radius: 50%; display: block; height: .55rem; width: .55rem; }
.chrome-dots i:first-child { background: #7457ff; }.chrome-dots i:nth-child(2) { background: #19d3da; }.chrome-dots i:last-child { background: #22c55e; }
.board-status { color: #94a3b8; }.board-status .pulse-dot { height: .42rem; margin-right: .5rem; width: .42rem; }
.board-latency { text-align: right; }
.signal-canvas { display: grid; gap: 2rem 4rem; grid-template-columns: 1fr .72fr 1.15fr; grid-template-rows: 1fr 1fr; min-height: 500px; padding: 3.2rem; position: relative; }
.signal-lines { height: 100%; inset: 0; pointer-events: none; position: absolute; width: 100%; z-index: 0; }
.signal-path { fill: none; stroke-linecap: round; stroke-width: 2; }
.signal-path.base { stroke: rgba(148,163,184,.16); stroke-width: 5; }
.signal-path.active { animation: signalTravel 2.8s linear infinite; filter: url(#signalGlow); stroke: url(#signalGradient); stroke-dasharray: 12 32; }
.signal-path.path-two { animation-delay: -.85s; }.signal-path.path-three { animation-delay: -1.7s; }
@keyframes signalTravel { to { stroke-dashoffset: -88; } }
.flow-node { align-self: center; background: rgba(10,15,29,.9); border: 1px solid rgba(148,163,184,.2); border-radius: 1rem; box-shadow: 0 18px 50px rgba(0,0,0,.28); min-width: 0; padding: 1.35rem; position: relative; z-index: 1; }
.flow-node::before { background: linear-gradient(90deg, transparent, rgba(116,87,255,.8), rgba(25,211,218,.8), transparent); content: ""; height: 1px; left: 8%; position: absolute; right: 8%; top: -1px; }
.source-node { grid-column: 1; grid-row: 1 / span 2; }
.core-node { background: radial-gradient(circle at center, rgba(116,87,255,.2), rgba(10,15,29,.96) 65%); border-color: rgba(116,87,255,.48); grid-column: 2; grid-row: 1 / span 2; overflow: hidden; padding: 2.1rem 1rem; text-align: center; }
.stats-node { grid-column: 3; grid-row: 1; }.api-node { grid-column: 3; grid-row: 2; }
.node-label { align-items: center; color: #718096; display: flex; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .63rem; font-weight: 800; justify-content: space-between; letter-spacing: .1em; margin-bottom: 1.1rem; }
.node-label i { color: #a78bfa; margin-right: .35rem; }.node-state { background: rgba(148,163,184,.1); border: 1px solid rgba(148,163,184,.15); border-radius: 2rem; color: #94a3b8; padding: .24rem .45rem; }.node-state.live { color: #4ade80; }
.url-stack { background: #050813; border: 1px solid rgba(148,163,184,.12); border-radius: .65rem; color: #64748b; display: flex; flex-direction: column; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; overflow: hidden; padding: 1rem; text-overflow: ellipsis; }
.url-stack strong { color: #d8b4fe; font-weight: 600; margin: .2rem 0; }.node-foot, .api-foot { color: #64748b; display: flex; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .6rem; justify-content: space-between; margin-top: 1rem; text-transform: uppercase; }
.core-bolt { align-items: center; background: linear-gradient(135deg, #7457ff, #19d3da); border-radius: 1rem; box-shadow: 0 0 34px rgba(116,87,255,.45); display: flex; font-size: 1.6rem; height: 3.8rem; justify-content: center; margin: 0 auto 1.1rem; position: relative; width: 3.8rem; z-index: 2; }
.core-orbit { border: 1px solid rgba(116,87,255,.22); border-radius: 50%; height: 150px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 150px; }.orbit-two { border-color: rgba(25,211,218,.1); height: 220px; width: 220px; }
.short-output { background: rgba(3,6,15,.75); border: 1px solid rgba(25,211,218,.22); border-radius: .65rem; color: #94a3b8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; padding: .8rem .4rem; position: relative; z-index: 2; }.short-output strong { color: #67e8f9; }
.core-meta { display: flex; gap: .35rem; justify-content: center; margin-top: .85rem; position: relative; z-index: 2; }.core-meta span { background: rgba(116,87,255,.12); border-radius: 2rem; color: #a5b4fc; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .55rem; padding: .2rem .42rem; text-transform: uppercase; }
.stats-summary { display: grid; gap: .5rem; grid-template-columns: repeat(3,1fr); }.stats-summary div { display: flex; flex-direction: column; }.stats-summary strong { font-size: 1.2rem; letter-spacing: -.04em; }.stats-summary span { color: #64748b; font-size: .62rem; text-transform: uppercase; }
.mini-chart { align-items: end; display: flex; gap: .32rem; height: 56px; margin-top: 1rem; }.mini-chart i { background: linear-gradient(to top,#7457ff,#19d3da); border-radius: .2rem .2rem 0 0; flex: 1; min-width: 3px; opacity: .78; }.bar-1{height:22%}.bar-2{height:38%}.bar-3{height:32%}.bar-4{height:52%}.bar-5{height:43%}.bar-6{height:70%}.bar-7{height:61%}.bar-8{height:82%}.bar-9{height:68%}.bar-10{height:91%}.bar-11{height:78%}.bar-12{height:100%}
.api-node pre { background: #050813; border: 1px solid rgba(148,163,184,.12); border-radius: .65rem; color: #94a3b8; font-size: .68rem; line-height: 1.45; margin: 0; overflow: hidden; padding: .8rem 1rem; }.api-node pre span { color: #4ade80; }.api-node pre b { color: #67e8f9; font-weight: 500; }.api-foot span:last-child { color: #4ade80; }
.board-metrics { background: rgba(3,6,15,.72); border-top: 1px solid var(--sl-border); display: grid; grid-template-columns: repeat(4,1fr); padding: 1.1rem 1.35rem; position: relative; z-index: 2; }.board-metrics div { border-right: 1px solid var(--sl-border); display: flex; flex-direction: column; padding: 0 1.2rem; }.board-metrics div:last-child { border: 0; }.board-metrics span { color: #526077; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .55rem; letter-spacing: .12em; }.board-metrics strong { color: #cbd5e1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; margin-top: .2rem; }
.feature-grid .card { background: rgba(17,24,39,.58); border: 1px solid var(--sl-border); border-radius: 1.25rem; color: #e2e8f0; }
.feature-icon { align-items: center; background: rgba(116,87,255,.16); border-radius: .9rem; color: #a78bfa; display: inline-flex; font-size: 1.35rem; height: 3rem; justify-content: center; width: 3rem; }
.footer-dark { border-top: 1px solid var(--sl-border); color: #738096; }
.footer-inner { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.footer-dark a { color: #aeb9cc; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.footer-dark a:hover { color: #fff; }
.footer-github { align-items: center; display: inline-flex; gap: .55rem; }
.footer-github:hover { transform: translateY(-1px); }
.footer-github .bi { font-size: 1.15rem; }

@media (max-width: 991.98px) {
  .admin-shell { display: block; }
  .admin-sidebar, .admin-sidebar.is-collapsed { height: auto; min-height: auto; position: relative; width: 100%; }
  .admin-sidebar.is-collapsed { flex-basis: auto; }
  .admin-sidebar.is-collapsed .brand-label, .admin-sidebar.is-collapsed .nav-label, .admin-sidebar.is-collapsed .profile-link > .bi { display: initial; }
  .admin-sidebar.is-collapsed .profile-meta { display: flex; }
  .admin-sidebar.is-collapsed .sidebar-brand-row { flex-direction: row; }
  .admin-sidebar.is-collapsed .navbar-brand .brand-mark { margin-right: .55rem; }
  .admin-sidebar.is-collapsed .nav-link { justify-content: flex-start; padding: .72rem .85rem; }
  .admin-sidebar.is-collapsed .nav-link i { font-size: 1rem; margin-right: .7rem; }
  .admin-sidebar.is-collapsed .profile-link { justify-content: flex-start; padding: .55rem; }
  .sidebar-toggle { display: none; }
  .admin-sidebar nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sidebar-account { margin-top: 1rem; }
  .hero { padding-top: 7rem; }
  .signal-canvas { gap: 1.1rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; padding: 1.5rem; }
  .signal-lines { display: none; }.source-node { grid-column: 1 / span 2; grid-row: 1; }.core-node { grid-column: 1 / span 2; grid-row: 2; }.stats-node { grid-column: 1; grid-row: 3; }.api-node { grid-column: 2; grid-row: 3; }
  .core-orbit { display: none; }.board-metrics { grid-template-columns: repeat(2,1fr); row-gap: 1rem; }.board-metrics div:nth-child(2) { border-right: 0; }
}

@media (max-width: 575.98px) {
  .signal-canvas { display: flex; flex-direction: column; }.stats-summary strong { font-size: 1rem; }.board-metrics { grid-template-columns: 1fr 1fr; padding: 1rem .3rem; }.board-metrics div { padding: 0 .65rem; }.board-chrome { grid-template-columns: 1fr 1fr; }.board-status { display: none; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; }
}