#dashboard .card{background:#080d14;border:1px solid #273b50;box-shadow:inset 0 1px #6ebeff20,0 10px 35px #02050a66}
#dashboard .card::before,#dashboard .card::after{display:none}
#dashboard :is(.security-panel,.sub-panel,.sub-empty,.sub-metric){background:#0b121b;border-color:#294156;box-shadow:inset 0 1px 0 #77c8ff0c}
#dashboard .sub-panel.is-active{border-color:#365975;background:linear-gradient(125deg,#101e2a,#090f17 70%)}
#dashboard .sub-metric{background:#090f16}
#dashboard .sub-status-pill.ok{background:#112535;color:#a3d9ff;border-color:#385e79}
#dashboard :is(.tiny,.sub-metric-label,.security-subtitle){color:#a2b4c6;letter-spacing:.025em;text-transform:none}
#dashboard input{background:#070c12;border-color:#2d4153;color:#eaf4ff}
#dashboard :is(input,button,a):focus-visible{outline:2px solid #7dcaff;outline-offset:3px;box-shadow:0 0 14px #54b6ff30}
#dashboard .btn-primary{background:#142d40;border:1px solid #47728f;color:#b9e2ff;box-shadow:inset 0 1px #a0dfff15}
#dashboard .btn-ghost{background:#0e1822;border-color:#304558;color:#cfdae5}
#dashboard .sub-progress{background:#192938;height:5px}#dashboard .sub-progress>span{background:linear-gradient(90deg,#346587,#82ccff);box-shadow:0 0 8px #56baff50;transform-origin:left}
#dashboard .sub-progress.warn>span{background:#ccb57e}#dashboard .sub-progress.danger>span{background:#d58f89}
@media(prefers-reduced-motion:no-preference){#dashboard.active{animation:routix-reveal .28s ease-out both}#dashboard.active .sub-progress>span{animation:routix-meter .48s cubic-bezier(.2,.65,.3,1) both}#dashboard button{transition:background .18s,border-color .18s}#dashboard button:hover{border-color:#6793b2;transform:none}}
@keyframes routix-reveal{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes routix-meter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
