:root{color-scheme:dark;--stats-bg: #08111f;--stats-bg-elevated: rgba(11, 23, 42, .82);--stats-bg-strong: #0f1f38;--stats-bg-soft: rgba(64, 96, 150, .16);--stats-border: rgba(158, 182, 230, .18);--stats-border-strong: rgba(186, 210, 255, .28);--stats-text: #f3f6fb;--stats-text-muted: #9fb0ca;--stats-text-soft: #7d8da9;--stats-accent: #6ae2c7;--stats-accent-strong: #2fc2ff;--stats-warning: #f9c46b;--stats-danger: #ff7d8b;--stats-success: #5fe2a2;--stats-shadow: 0 24px 80px rgba(1, 6, 16, .45);--stats-radius-xl: 24px;--stats-radius-lg: 18px;--stats-radius-md: 14px;--stats-space-1: 4px;--stats-space-2: 8px;--stats-space-3: 12px;--stats-space-4: 16px;--stats-space-5: 20px;--stats-space-6: 24px;--stats-space-8: 32px;--stats-space-10: 40px;--stats-font-display: "IBM Plex Sans", "Segoe UI", sans-serif;--stats-font-mono: "IBM Plex Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--stats-font-display);color:var(--stats-text);background:radial-gradient(circle at top left,rgba(39,118,255,.22),transparent 30%),radial-gradient(circle at top right,rgba(91,211,186,.16),transparent 24%),linear-gradient(180deg,#07101b,#091525 46%,#08111f)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.stats-surface{background:var(--stats-bg-elevated);border:1px solid var(--stats-border);border-radius:var(--stats-radius-lg);box-shadow:var(--stats-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stats-section-card{padding:var(--stats-space-6)}.stats-section-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--stats-space-4);margin-bottom:var(--stats-space-5)}.stats-section-card__header h3,.stats-screen-state h3{margin:0;font-size:1.1rem}.stats-section-card__header p,.stats-screen-state p{margin:var(--stats-space-2) 0 0;color:var(--stats-text-muted)}.stats-screen-state{padding:var(--stats-space-8);border-radius:var(--stats-radius-lg);border:1px dashed var(--stats-border-strong);background:#101d338c}.stats-screen-state__label{margin-bottom:var(--stats-space-4);color:var(--stats-text-muted)}.stats-screen-state--error{border-color:#ff7d8b66}.stats-screen-state--warning{border-color:#f9c46b66}.stats-screen-state--muted{border-color:#9fb0ca40}.stats-skeleton-stack{display:grid;gap:var(--stats-space-3)}.stats-skeleton-line{height:16px;border-radius:999px;background:linear-gradient(90deg,#6681a826,#afd0ff40,#6681a826);background-size:200% 100%;animation:stats-shimmer 1.8s linear infinite}.stats-button{border:0;border-radius:999px;padding:10px 16px;cursor:pointer}.stats-button--primary{background:linear-gradient(135deg,var(--stats-accent-strong),var(--stats-accent));color:#041321;font-weight:700}.stats-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;gap:var(--stats-space-6);padding:var(--stats-space-6)}.stats-sidebar,.stats-topbar{padding:var(--stats-space-6)}.stats-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:var(--stats-space-8)}.stats-sidebar__eyebrow,.stats-topbar__label,.stats-detail-grid span{color:var(--stats-text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.stats-sidebar__title{margin:var(--stats-space-3) 0 var(--stats-space-2);font-size:1.75rem}.stats-sidebar__description{margin:0;color:var(--stats-text-muted);line-height:1.6}.stats-nav{display:grid;gap:var(--stats-space-2)}.stats-nav__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--stats-text-muted);transition:background-color .2s ease,color .2s ease,transform .2s ease}.stats-nav__link:hover,.stats-nav__link--active{background:#67b7ff1f;color:var(--stats-text);transform:translate(2px)}.stats-main{display:grid;gap:var(--stats-space-6);min-width:0}.stats-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--stats-space-4)}.stats-topbar__actions{display:flex;align-items:center;gap:var(--stats-space-3)}.stats-badge{padding:6px 10px;border-radius:999px;background:#5adabd1f;border:1px solid rgba(90,218,189,.22);color:var(--stats-text)}.stats-icon-button{width:40px;height:40px;border-radius:999px;border:1px solid var(--stats-border);background:#ffffff05;color:var(--stats-text)}.stats-page-grid,.stats-two-column-grid{display:grid;gap:var(--stats-space-6)}.stats-two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-page-grid--logs,.stats-logs-layout{gap:var(--stats-space-6)}.stats-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--stats-space-4)}.stats-metric-card__value{font-size:2rem;font-weight:700}.stats-metric-card__trend{color:var(--stats-accent);margin-top:var(--stats-space-2)}.stats-chart-placeholder,.stats-heatmap-placeholder{min-height:240px;border-radius:var(--stats-radius-md);border:1px dashed var(--stats-border-strong);display:grid;place-items:center;color:var(--stats-text-muted);background:#ffffff05}.stats-chart-placeholder__bars{width:100%;height:100%;min-height:240px;background:linear-gradient(180deg,#67b7ff47,#67b7ff0a),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,transparent 0%,transparent 68%,rgba(90,218,189,.18) 68%,rgba(90,218,189,.38) 100%);background-size:100% 100%,32px 100%,100% 100%;border-radius:inherit}.stats-ranked-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--stats-space-3)}.stats-ranked-list li,.stats-detail-grid{display:grid;gap:var(--stats-space-3)}.stats-ranked-list li{grid-template-columns:1fr auto;padding:12px 14px;border-radius:var(--stats-radius-md);background:#ffffff08}.stats-table-wrap{overflow:auto}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.stats-table th{color:var(--stats-text-muted);font-size:.82rem;text-transform:uppercase}.stats-table--interactive tbody tr{cursor:pointer}.stats-table--interactive tbody tr:hover{background:#67b7ff0f}.stats-filter-grid,.stats-form-stack{display:grid;gap:var(--stats-space-4)}.stats-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-filter-grid input,.stats-form-stack input,.stats-form-stack select{width:100%;margin-top:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--stats-border);background:#ffffff0a;color:var(--stats-text)}.stats-logs-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr)}.stats-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-detail-grid__full{grid-column:1 / -1}.stats-detail-grid pre{margin:8px 0 0;overflow:auto;white-space:pre-wrap;padding:12px;border-radius:12px;background:#ffffff08}@media(max-width:1100px){.stats-layout,.stats-two-column-grid,.stats-logs-layout,.stats-metrics-grid,.stats-filter-grid{grid-template-columns:1fr}}@keyframes stats-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}