.traffic-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:26px}.card .traffic-card-heading .card-icon{margin:0;flex-shrink:0}.traffic-card-title{font-size:14px;font-weight:650;line-height:1.4;text-align:left;color:#355780}.theme-toggle{white-space:nowrap}
html[data-theme=dark]{color-scheme:dark;--ink:#e4edfc;--muted:#afbed3;--border:#34445c;background:#101827;color:#e4edfc}
[data-theme=dark] body{background:#101827;color:#e4edfc}
[data-theme=dark] :is(.card,.section-card,.topbar,.sign-in,dialog,.router-map-loading,.router-map-empty){background:#1b2739;color:#e4edfc;border-color:#34445c}
[data-theme=dark] :is(h1,h2,h3,.card-number,td strong,.meta strong,.router-select,.router-map-detail h3,.traffic-card-title){color:#e4edfc}
[data-theme=dark] :is(.card-label,label,td,.router-details dd,.message){color:#c4d2e6}
[data-theme=dark] :is(.muted,.help,.meta,.pager,.empty,.section-card p,.page-heading p,.topbar small,.card small,td small,.router-details dt,.traffic-live-status,.traffic-breakdown,.login-footer){color:#adbed6}
[data-theme=dark] :is(input,select,textarea){background:#121e30;color:#e4edfc;border-color:#455773}
[data-theme=dark] input[readonly]{background:#253249;color:#c1d0e5}
[data-theme=dark] input::placeholder{color:#9aadc8}
[data-theme=dark] th{background:#243249;color:#c1d0e5}
[data-theme=dark] td{border-color:#34445c}
[data-theme=dark] :is(.secondary,.icon-button,.menu-toggle,.badge,.user-chip,.router-pencil,.router-google){background:#2b3e5c;color:#d5e5ff;border-color:#455773}
[data-theme=dark] .card .card-icon{background:#253e67;color:#9ac1ff}
[data-theme=dark] .traffic-breakdown strong{color:#d4e3fa}
[data-theme=dark] :is(.notice,.lock-notice){background:#28374e;color:#d5e2f5;border-color:#51617c}
[data-theme=dark] :is(.badge.good,.message.ok,.success,.router-state.recent){background:#173e35;color:#8be0bc}
[data-theme=dark] :is(.badge.bad,.message.error,.danger,.router-state.stale){background:#4a2834;color:#ffb2bf}
[data-theme=dark] :is(.badge.warn,.router-state.unknown){background:#443c27;color:#f0d38e}
[data-theme=dark] .badge.admin{background:#2b3e66;color:#b9ceff}
[data-theme=dark] .traffic-live-error{color:#f0d38e!important}
[data-theme=dark] .password-toggle{color:#b9cce7}
[data-theme=dark] .password-toggle:hover{background:#2b3e5c;color:#e4edfc}
[data-theme=dark] .loading{color:#b9ceff}
[data-theme=dark] :is(.router-map,.router-location-picker){background:#243249;border-color:#34445c}
[data-theme=dark] .brand-kicker{color:#9ac1ff}
@media(max-width:720px){.theme-toggle span{display:none}.top-actions{gap:6px}.traffic-card-title{font-size:12px}}

[data-theme=dark] .client-details dd{color:#d4e3fa}[data-theme=dark] .client-details dt{color:#adbed6}
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#6b86b0 #0e244b}.sidebar>*{flex-shrink:0}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0e244b}.sidebar::-webkit-scrollbar-thumb{background:#6b86b0;border:2px solid #0e244b;border-radius:8px}@media(max-width:720px){.sidebar{height:calc(100vh - 74px);height:calc(100dvh - 74px)}}