:root{--bg-canvas: #080D1C;--bg-surface: #0D1329;--bg-elevated: #111827;--bg-card: rgba(255, 255, 255, .034);--bg-card-hover: rgba(255, 255, 255, .06);--color-primary: #0066B3;--color-primary-dim: rgba(0, 102, 179, .15);--color-primary-glow: rgba(0, 102, 179, .25);--color-accent: #F47920;--color-accent-dim: rgba(244, 121, 32, .12);--color-success: #10B981;--color-success-dim: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-warning-dim: rgba(245, 158, 11, .15);--color-danger: #EF4444;--color-danger-dim: rgba(239, 68, 68, .15);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #475569;--text-inverse: #080D1C;--border-subtle: rgba(255, 255, 255, .06);--border-base: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--sidebar-bg: #060B19;--sidebar-width: 260px;--sidebar-collapsed: 72px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 0 rgba(255,255,255,.04) inset;--shadow-glow: 0 0 40px rgba(0, 102, 179, .12);--font-mono: "JetBrains Mono", "Cascadia Code", monospace}[data-theme=light]{--bg-canvas: #F8FAFC;--bg-surface: #F1F5F9;--bg-elevated: #FFFFFF;--bg-card: rgba(0, 0, 0, .04);--bg-card-hover: rgba(0, 0, 0, .07);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #F8FAFC;--border-subtle: rgba(0, 0, 0, .07);--border-base: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .22);--sidebar-bg: #EFF3FA;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08), 0 1px 0 rgba(255,255,255,.8) inset;--shadow-glow: 0 0 40px rgba(79, 129, 224, .08)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::selection{background:var(--color-primary-dim);color:var(--text-primary)}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-base)}.mono{font-family:var(--font-mono)}.glow-primary{box-shadow:var(--shadow-glow)}.ant-layout{background:var(--bg-canvas)!important}.ant-layout-sider{background:var(--sidebar-bg)!important}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item-selected{background:var(--color-primary-dim)!important}.ant-menu-dark .ant-menu-item{border-radius:var(--radius-md)!important;margin:2px 8px!important;width:calc(100% - 16px)!important}.ant-layout-header{background:var(--bg-surface)!important;border-bottom:1px solid var(--border-subtle)!important;padding:0 24px!important;line-height:64px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 20px 4px var(--color-primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-sm)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}@media (max-width: 1023px){.rollrate-insights-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 767px){.rollrate-insights-grid{grid-template-columns:1fr!important}.ant-drawer-content-wrapper{max-width:95vw!important}.ant-table-wrapper{overflow-x:auto}.ant-drawer-body{padding:12px!important}.ant-pagination{justify-content:center;flex-wrap:wrap;gap:4px}.stat-card-value{font-size:clamp(16px,4vw,24px)!important}}
