/* Presentation layer only. Existing dashboard logic and values are unchanged. */
body{background:radial-gradient(ellipse at 80% 0%,#102422 0,transparent 48%),#070b0c;background-repeat:no-repeat}
body>header{background:linear-gradient(120deg,#101b1e,#090f11);box-shadow:0 1px 0 #ffffff05,0 8px 28px #00000025}
body>header .mark{filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 5px #19dccb18)}
#dashboard{padding-bottom:8px}
#dashboard .page-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 24px}
#dashboard .page-heading h1{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-1.2px;margin-bottom:9px}
#dashboard .page-heading .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:10px}
#dashboard .page-heading p{margin:0;font-size:14px}
#dashboard .live-panel-launch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #34d9c4;border-radius:9px;background:linear-gradient(160deg,#153b37,#102321);box-shadow:inset 0 1px #ffffff16,0 4px 12px #00000030;color:#79f3dc;font-size:12px;font-weight:700;letter-spacing:.5px;text-decoration:none}
#dashboard .dashboard-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;margin-bottom:24px;background:#0b1517;border:1px solid #223638;border-radius:12px;box-shadow:inset 0 1px #ffffff06}
#dashboard .dashboard-tabs button{position:relative;min-height:48px;border:1px solid transparent;background:transparent;border-radius:7px;color:#a8bcbe;font-size:13px;padding:10px 8px;box-shadow:none}
#dashboard .dashboard-tabs button[aria-selected="true"]{color:#81f4df;border-color:#2a645a;background:linear-gradient(150deg,#193d37,#102924);box-shadow:inset 0 1px #ffffff10,0 3px 8px #00000030}
#dashboard .dashboard-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#47dfc7;border-radius:2px}
#dashboard .panel{background:linear-gradient(145deg,#142225,#0d1719 70%);border-color:#2a3f42;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0c,0 7px 20px #00000025;padding:24px}
#dashboard .panel h2{font-size:20px;font-weight:600;letter-spacing:-.4px}
#dashboard .section-head{flex-wrap:wrap;gap:10px}
#dashboard .row{gap:16px}
#dashboard .row b,#dashboard strong{font-variant-numeric:tabular-nums}
#dashboard .note{line-height:1.65;color:#98afb0}
#dashboard .consistency-metric,#dashboard .stat{background:linear-gradient(145deg,#16272a,#101c1e);border-color:#2a4244;box-shadow:inset 0 1px #ffffff08}
#dashboard .trade-table th{background:#102123;color:#b7cccd}
#dashboard .trade-table td{font-variant-numeric:tabular-nums}
#dashboard .trade-table tbody tr:hover{background:#18302b55}
#dashboard button:focus-visible,#dashboard a:focus-visible{outline:2px solid #86f9df;outline-offset:4px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #dashboard .panel{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 #dashboard .panel:hover{transform:translateY(-2px);border-color:#3b5f5c;box-shadow:inset 0 1px #ffffff12,0 10px 25px #00000035}
 #dashboard button,#dashboard .live-panel-launch{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
 #dashboard .live-panel-launch:hover{border-color:#8afde1;box-shadow:inset 0 1px #ffffff20,0 0 16px #19dccb19}
}
@media(max-width:700px){
 #dashboard .page-heading{margin-top:24px;gap:16px}
 #dashboard .page-heading>.live-panel-launch{width:100%}
 #dashboard .dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}
 #dashboard .dashboard-tabs button:last-child{grid-column:1/-1}
 #dashboard .panel{padding:18px;border-radius:12px}
 #dashboard .panel h2{font-size:19px}
 #dashboard .dashboard-grid{gap:16px}
}
@media(prefers-reduced-motion:reduce){#dashboard *,#dashboard *:before,#dashboard *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
