:root{--bg0: #020617;--bg1: #030712;--blue: #3b82f6;--green: #22c55e;--line: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;background:var(--bg1)}body{font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;color:#ffffffeb;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#3b82f659}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 700px at 15% 5%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 600px at 85% 15%,rgba(34,197,94,.14),transparent 55%),radial-gradient(800px 800px at 50% 100%,rgba(59,130,246,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));background-size:200% 200%,200% 200%,200% 200%,100% 100%;animation:auroraShift 24s ease-in-out infinite}.app-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 0%,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 0%,black,transparent 80%)}@keyframes auroraShift{0%{background-position:0% 0%,100% 0%,50% 100%,0 0}50%{background-position:100% 50%,0% 50%,60% 80%,0 0}to{background-position:0% 0%,100% 0%,50% 100%,0 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseDot{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulseDotRed{0%{box-shadow:0 0 #ef444473}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gradText{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes dashDraw{to{stroke-dashoffset:0}}.glass{background:#ffffff0b;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--green);animation:pulseDot 2s infinite}.live-dot.off{background:#ef4444;animation:pulseDotRed 2s infinite}.grad-text{background:linear-gradient(90deg,#fff,#93c5fd,#86efac,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradText 6s linear infinite}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:10px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dash-grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch}@media (min-width: 980px){.dash-grid{grid-template-columns:1.35fr 1fr}}.dash-grid>*{height:100%}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.app-bg{animation:none}}