:root{--color-primary:#e50914;--color-primary-glow:#e5091480;--color-bg:#000;--color-surface-1:#141414;--color-surface-2:#232323;--color-surface-3:#333;--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-muted:gray;--color-success:#46d369;--color-warning:#ffa00a;--color-error:#e50914;--glass-bg:#141414b3;--glass-border:#ffffff1a;--glass-glow:0 8px 32px 0 #000c;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--sidebar-width:260px;--header-height:70px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.top-bar{height:var(--header-height);padding:0 var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;border-bottom:1px solid var(--glass-border);background:#000c;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page{padding:var(--space-xl);animation:.4s fadeIn}.logo{padding:var(--space-xl);align-items:center;gap:var(--space-sm);display:flex}.logo__text{color:var(--color-primary);letter-spacing:-1px;font-size:28px;font-weight:900}.nav-list{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:var(--space-md);transition:all var(--transition-base);cursor:pointer;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-surface-2);color:#fff}.nav-item--active{background:var(--color-surface-2);color:#fff;position:relative}.nav-item--active:before{content:"";background:var(--color-primary);border-radius:0 4px 4px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:var(--color-surface-1);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);transition:transform var(--transition-base)}.stat-card:hover{border-color:var(--glass-border);transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.stat-card__label{color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:14px;display:block}.stat-card__value{font-size:32px;font-weight:800}.stat-card__trend{margin-left:8px;font-size:12px}.trend--up{color:var(--color-success)}.trend--down{color:var(--color-error)}.data-table-container{background:var(--color-surface-1);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;background:var(--color-surface-2);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;padding:16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--glass-border);color:var(--color-text-secondary);padding:16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.badge{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.badge--explorer{color:#a78bfa;background:#8b5cf633}.badge--hero{color:#fbbf24;background:#f59e0b33}.badge--free{color:#ccc;background:#80808033}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-sm);border:none;padding:10px 20px;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{box-shadow:0 0 20px var(--color-primary-glow);background:#ff0a16}.btn--ghost{border:1px solid var(--glass-border);color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-surface-2);color:#fff}