/* Dashboard premium v3.3: isolated visual layer, live metrics, responsive */
body[data-ui-style] .content:has(.dash330){background:radial-gradient(ellipse at 85% 0,#293347,transparent 45%),#0c111b!important}
.dash330{color:#f4f7ff;max-width:1550px;margin:auto;font-family:Inter,Manrope,system-ui,sans-serif}.dash330 *{box-sizing:border-box}
.dash-hero330{position:relative;isolation:isolate;overflow:hidden;min-height:250px;background:#0b111d;border:1px solid #384559;border-radius:22px;box-shadow:0 18px 40px #0007;margin-bottom:18px}.dash-hero-image{position:absolute;inset:0 0 0 35%;z-index:-2;background:url(athletes_hero_v330.webp) center 30%/cover no-repeat}.dash-hero330:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b111dfc 4%,#0b111de9 37%,#0b111d55 85%)}.dash-hero-copy{padding:36px 40px;max-width:690px}.dash-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#ff7890}.dash-hero-copy h1{color:#fff!important;font-size:clamp(26px,3vw,43px);line-height:1.12;letter-spacing:-.03em;margin:14px 0}.dash-hero-copy h1 strong{display:block;color:#ff4666}.dash-hero-copy p{color:#cfd9e8;font-size:14px;max-width:410px}.dash-hero-btn{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(135deg,#ff4a69,#c51f40);color:#fff!important;padding:11px 19px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 9px 22px #f13d5655}
.dash-stats330{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.dash-stat330{display:flex;align-items:center;gap:12px;padding:16px;min-height:118px;border:1px solid #3b485c;border-radius:17px;background:linear-gradient(145deg,#202b3a,#111925);box-shadow:0 12px 24px #0005,inset 0 1px #ffffff13;text-decoration:none!important;color:#fff!important;transition:transform .2s}.dash-stat330:hover{transform:translateY(-3px)}.dash-stat-icon330{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:15px;background:#70293c;color:#ff8da1;font-size:28px}.dash-stat-icon330.purple{background:#3a2a6b;color:#c3a6ff}.dash-stat-icon330.gold{background:#5a4728;color:#ffd780}.dash-stat-icon330.coral{background:#6a303a;color:#ffa0a6}.dash-stat330 div{min-width:0}.dash-stat330 div>span{display:block;color:#c8d3e3;font-size:12px}.dash-stat330 strong{display:block;color:#fff;font-size:30px;line-height:1.3}.dash-stat330 small{display:block;color:#9eafc6;font-size:10px}
.dash-main-grid330{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}.dash-widget330{min-width:0;background:linear-gradient(145deg,#1b2533,#111924);border:1px solid #38465b;border-radius:19px;padding:20px;box-shadow:0 12px 28px #0005}.dash-chart-widget330,.dash-recent330{grid-column:span 2}.dash-widget-title330{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.dash-widget-title330 h2{color:#f4f7ff!important;font-size:17px;margin:0}.dash-widget-title330 h2 span{color:#ff6682;margin-right:6px}.dash-muted330{color:#b3bfd2!important;font-size:11px}.dash-line-svg{width:100%;height:auto;max-height:260px}.dash-grid{stroke:#7d8aa244;fill:none;stroke-width:1}.dash-line{stroke:#ff4b70;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ff4b7080)}.dash-line-svg circle{fill:#ff5574;stroke:#ffb3c1;stroke-width:2}.dash-labels{fill:#c0cbe0;font-size:12px}
.dash-donut-wrap330{display:flex;align-items:center;justify-content:center;gap:17px;margin:17px 0}.dash-donut330{flex:0 0 132px;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#20c88b 0 var(--dash-valid),#f24d69 var(--dash-valid) 100%)}.dash-donut330>div{width:96px;height:96px;border-radius:50%;background:#151d29;display:flex;flex-direction:column;align-items:center;justify-content:center}.dash-donut330 strong{color:#fff;font-size:27px}.dash-donut330 span{color:#c8d4e5;font-size:10px}.dash-donut-legend330{flex:1;min-width:100px;display:grid;gap:13px}.dash-donut-legend330>span{display:flex;align-items:center;gap:6px;color:#d1dced;font-size:11px}.dash-donut-legend330 b{margin-left:auto;color:#fff}.dash-donut-legend330 i{height:9px;width:9px;border-radius:50%;background:#20c88b}.dash-donut-legend330 i.warn{background:#eeb947}.dash-donut-legend330 i.bad{background:#f24d69}
.dash-quick330{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dash-quick330 a{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#303749,#171f2c);border:1px solid #485569;border-radius:13px;text-decoration:none!important;color:#f4f7ff!important;text-align:center;font-size:11px;box-shadow:0 7px 17px #0004}.dash-quick330 a:hover{border-color:#ff6580}.dash-quick330 a span{color:#ff7794;font-size:25px}.dash-recent330>a,.dash-alert330>a{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid #38465a;background:#222d3c;border-radius:11px;padding:11px 13px;margin-bottom:8px;color:#e9f1ff!important;text-decoration:none!important;font-size:12px}.dash-recent330>a small,.dash-recent330>a b{display:block}.dash-recent330>a small,.dash-recent330>a time{font-size:11px;color:#aabbd1}.dash-alert330>a{justify-content:flex-start}.dash-alert330>a>span:last-child{margin-left:auto;font-size:22px}.dash-alert-dot330{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#f2bd4d}.dash-alert-dot330.red{background:#ff5c73}.dash-alert-dot330.blue{background:#649bff}
.nav-svg330{width:18px;height:18px;flex:none;margin-right:11px;vertical-align:middle}body[data-ui-style] aside a{display:flex;align-items:center}
@media(max-width:1200px){.dash-stats330{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-main-grid330{grid-template-columns:1fr 1fr}.dash-chart-widget330,.dash-recent330{grid-column:span 2}}
@media(max-width:730px){.dash-hero-copy{padding:24px}.dash-hero-image{left:22%;opacity:.65}.dash-stats330{gap:9px}.dash-stat330{padding:12px;min-height:105px}.dash-stat-icon330{flex-basis:35px;width:35px;height:35px;font-size:20px}.dash-stat330 strong{font-size:25px}.dash-main-grid330{grid-template-columns:minmax(0,1fr)}.dash-chart-widget330,.dash-recent330{grid-column:auto}.dash-donut-wrap330{flex-wrap:wrap}}
@media(max-width:420px){.dash-stat-icon330{display:none}.dash-quick330{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.dash-stat330{transition:none}}