:root{--fd-cyan:#67e8f9;--fd-blue:#38bdf8;--fd-green:#5ee6a8;--fd-yellow:#ffd24a;--fd-orange:#ff9d2e;--fd-panel:#101d31;--fd-panel2:#14243b;--fd-line:rgba(103,232,249,.28)}
body{background:radial-gradient(circle at 50% -10%,rgba(56,189,248,.12),transparent 30%),linear-gradient(180deg,#07111f 0%,#0a1424 55%,#09111d 100%);color:#eef7ff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(103,232,249,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 75%);z-index:-1}
.card{background:linear-gradient(145deg,rgba(20,36,59,.96),rgba(12,27,46,.96));border:1px solid rgba(103,232,249,.18);box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.page-tabs{position:sticky;top:0;z-index:30;padding:10px;background:rgba(7,17,31,.9);backdrop-filter:blur(14px);border:1px solid rgba(103,232,249,.12);border-radius:16px}
.page-tabs button{background:linear-gradient(180deg,#20354f,#192a40);border:1px solid rgba(155,192,225,.18);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.page-tabs button[aria-selected=true]{background:linear-gradient(135deg,#7de7f0,#5dd0e0);color:#062235;box-shadow:0 0 22px rgba(103,232,249,.22),inset 0 -4px 0 rgba(255,255,255,.25)}
button,.primary-action{border-radius:12px;background:linear-gradient(135deg,#087f96,#0e90a7);border:1px solid rgba(103,232,249,.25);box-shadow:0 6px 18px rgba(0,0,0,.2)}
input,select,textarea{background:#0d1b2e!important;border:1px solid #38536e!important;color:#eaf8ff!important;border-radius:10px!important}
#out{border-top:2px solid var(--fd-cyan);box-shadow:0 -4px 20px rgba(103,232,249,.08)}
.fd-dashboard{margin:0 0 18px;padding:18px;border-radius:18px;border:1px solid rgba(103,232,249,.35);background:linear-gradient(155deg,rgba(14,30,51,.98),rgba(8,22,40,.98));box-shadow:0 0 28px rgba(56,189,248,.09),inset 0 1px rgba(255,255,255,.03)}
.fd-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}.fd-head h2{margin:0;font-size:clamp(1.25rem,4vw,1.65rem);letter-spacing:.035em}.fd-head small{color:#91a7bd}.fd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fd-kpi{position:relative;overflow:hidden;min-height:118px;padding:18px 16px;border-radius:14px;background:linear-gradient(145deg,#17273e,#111e31);border:1px solid rgba(148,177,207,.18)}.fd-kpi:after{content:"";position:absolute;inset:auto -25% -55% 35%;height:110px;background:radial-gradient(circle,rgba(103,232,249,.18),transparent 65%)}.fd-label{display:block;color:#aabbd0;font-weight:750;font-size:.92rem}.fd-value{display:block;margin-top:12px;font-size:clamp(1.55rem,5vw,2.05rem);font-weight:900;letter-spacing:.02em;color:#7fe8f4;text-shadow:0 0 16px rgba(103,232,249,.18)}.fd-value.green{color:var(--fd-green)}.fd-value.yellow{color:var(--fd-yellow)}.fd-sub{display:block;margin-top:7px;color:#8fa5bb;font-size:.78rem}.fd-lower{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:14px;margin-top:14px}.fd-panel{padding:16px;border-radius:14px;background:#101e31;border:1px solid rgba(148,177,207,.16)}.fd-panel h3{margin:0 0 14px}.fd-donut-wrap{display:flex;align-items:center;gap:18px}.fd-donut{width:180px;height:180px;border-radius:50%;position:relative;flex:0 0 auto;background:conic-gradient(var(--fd-yellow) 0 var(--p1),#a7b6cb var(--p1) var(--p2),var(--fd-orange) var(--p2) var(--p3),#40536a var(--p3) 100%);box-shadow:0 0 24px rgba(56,189,248,.08)}.fd-donut:after{content:"";position:absolute;inset:33px;border-radius:50%;background:#0c192b;border:1px solid rgba(103,232,249,.12)}.fd-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2}.fd-center span{font-size:.78rem;color:#9eb0c5}.fd-center strong{font-size:1.65rem;color:var(--fd-green)}.fd-legend{display:grid;gap:8px;font-size:.88rem}.fd-legend div{display:flex;justify-content:space-between;gap:12px}.fd-highlights{display:grid;gap:8px}.fd-highlight{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:#0c192a;border:1px solid rgba(148,177,207,.12)}.fd-highlight strong{color:#7fe8f4}.fd-bar{height:8px;border-radius:999px;background:#20334a;overflow:hidden;margin-top:8px}.fd-bar>i{display:block;height:100%;background:linear-gradient(90deg,#2bb8d0,#7de7ef);border-radius:inherit}.fd-section-title{margin:24px 0 10px;font-size:.78rem;letter-spacing:.14em;color:#6edceb;text-transform:uppercase;font-weight:900}
@media(max-width:700px){.fd-grid{grid-template-columns:1fr}.fd-lower{grid-template-columns:1fr}.fd-donut-wrap{flex-direction:column;align-items:center}.fd-donut{width:160px;height:160px}.fd-head{align-items:flex-start;flex-direction:column}.fd-kpi{min-height:102px}}

/* v23 futuristic HUD overrides loaded via futuristic-hud-v23.css */