.header{position:sticky;top:.5rem;z-index:120;overflow:visible;background:var(--bg-header);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-shell{display:flex;flex-direction:column;gap:.4rem;padding-top:.75rem;padding-bottom:.62rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-logo{display:inline-flex;align-items:flex-end;gap:.55rem;color:var(--text-primary);text-decoration:none}.logo-lockup{display:block;width:clamp(44px,4.65vw,54px);height:auto;filter:drop-shadow(0 8px 18px var(--accent-glow))}.logo-text{font-size:clamp(.88rem,1.15vw,1.02rem);font-weight:700;letter-spacing:.01em;color:var(--text-primary);white-space:nowrap;line-height:1;padding-bottom:2px}.header-actions{display:flex;align-items:center;gap:.5rem}.refresh-indicator{display:flex;align-items:center;gap:.4rem;padding:0 .35rem 0 .5rem;height:38px}.refresh-indicator-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.refresh-indicator-sec{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;color:var(--text-muted);min-width:3.1em;text-align:right}.refresh-indicator-track{width:44px;height:3px;border-radius:999px;background:var(--border-color);overflow:hidden}.refresh-indicator-fill{height:100%;border-radius:999px;background:var(--accent-primary);transition:width .22s linear}.refresh-indicator.stale .refresh-indicator-sec{color:var(--accent-primary)}.theme-toggle,.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.theme-toggle:hover,.mobile-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-light)}.theme-toggle{font-size:1.15rem}.mobile-toggle{display:none;font-size:1.35rem}.header-bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;overflow-x:auto;scrollbar-width:none}.header-bottom::-webkit-scrollbar{display:none}.header-nav{display:inline-flex;align-items:center;gap:.35rem;min-width:fit-content}.header-nav-secondary .nav-link{font-size:.77rem;padding:.46rem .68rem;color:var(--text-muted)}.nav-link{display:inline-flex;align-items:center;gap:.38rem;padding:.48rem .72rem;border:1px solid transparent;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.nav-link:hover{border-color:var(--accent-glow);background:var(--accent-light);color:var(--text-primary)}.nav-link.active{border-color:var(--accent-primary);background:var(--accent-light);color:var(--accent-primary)}.nav-icon{font-size:1rem}.mobile-drawer{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:130;max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-md)}.mobile-drawer-inner{padding-top:1rem;padding-bottom:1.5rem}.mobile-nav-group+.mobile-nav-group{margin-top:1rem}.mobile-nav-title{margin-bottom:.45rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.mobile-nav-link{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem .85rem;margin-bottom:.35rem;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);text-decoration:none;background:var(--bg-card)}.mobile-nav-link.active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-light)}.mobile-nav-link .nav-icon{font-size:1.05rem}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0006;z-index:125}@media(max-width:1100px){.header{top:.35rem;-webkit-backdrop-filter:none;backdrop-filter:none}.header-shell{gap:0;padding-top:.65rem;padding-bottom:.65rem}.header-bottom{display:none}.mobile-toggle{display:inline-flex}.mobile-drawer.open,.mobile-overlay{display:block}}@media(max-width:480px){.logo-lockup{width:57px}}@media(max-width:768px){.logo-text{display:none}}.footer{position:relative;margin-top:3.5rem;padding:2.6rem 0 1.4rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 5% -50%,var(--accent-glow) 0%,transparent 55%),radial-gradient(circle at 95% 140%,var(--accent-glow) 0%,transparent 60%)}.footer-inner{position:relative}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.8rem}.footer-brand{display:flex;align-items:flex-end;gap:.65rem}.footer-logo{width:min(100%,40px);height:auto;filter:drop-shadow(0 8px 20px var(--accent-glow))}.footer-desc{margin:0;font-size:.84rem;color:var(--text-secondary);line-height:1.35;padding-bottom:2px}.footer-heading{margin-bottom:.65rem;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-secondary);font-size:.87rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-top:1px solid var(--border-color);padding-top:1rem;color:var(--text-muted);font-size:.8rem}.footer-bottom p{display:flex;align-items:center;gap:.25rem}.footer-built{justify-self:start}.footer-server-time{justify-self:center;text-align:center;white-space:nowrap}.footer-copy{justify-self:end}.heart-icon{color:var(--error)}@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.footer-logo{width:min(100%,53px)}.footer-grid{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr;justify-items:start;gap:.5rem}.footer-server-time,.footer-copy{justify-self:start;text-align:left;white-space:normal}}[data-theme=light]{--bg-primary: #f3f8ff;--bg-secondary: #ffffff;--bg-tertiary: #eaf2ff;--bg-card: #ffffff;--bg-card-hover: #f5f9ff;--bg-header: rgba(243, 248, 255, .9);--bg-input: #edf4ff;--bg-badge: #eaf3ff;--text-primary: #12233c;--text-secondary: #3a5374;--text-muted: #627a9a;--text-inverse: #ffffff;--accent-primary: #1f64d8;--accent-secondary: #2f8fff;--accent-tertiary: #1754b7;--accent-light: #e3eeff;--accent-hover: #174da8;--accent-glow: rgba(31, 100, 216, .22);--border-color: #c8d9f1;--border-light: #dee8f8;--divider: #d3e0f3;--shadow-sm: 0 1px 2px rgba(12, 36, 71, .08);--shadow-md: 0 8px 22px rgba(12, 36, 71, .12);--shadow-lg: 0 14px 34px rgba(12, 36, 71, .16);--shadow-card: 0 6px 20px rgba(12, 36, 71, .1);--success: #1a9a64;--success-bg: #e6f8f0;--warning: #d68915;--warning-bg: #fff4df;--error: #d64646;--error-bg: #ffeaea;--info: #0b88a0;--info-bg: #e7f7fb;--chart-line: #2f8fff;--chart-area: rgba(47, 143, 255, .14);--chart-grid: #c8d9f1;--chart-gradient-start: rgba(47, 143, 255, .28);--chart-gradient-end: rgba(47, 143, 255, .03);--gradient-primary: linear-gradient(120deg, #1f64d8 0%, #2f8fff 100%);--gradient-hero: linear-gradient(130deg, #0f2f61 0%, #134486 55%, #1a59a7 100%);--scrollbar-track: #e4eefb;--scrollbar-thumb: #b9cde8}[data-theme=dark]{--bg-primary: #071325;--bg-secondary: #0b1d33;--bg-tertiary: #122943;--bg-card: #0f243d;--bg-card-hover: #17314f;--bg-header: rgba(7, 19, 37, .9);--bg-input: #16304f;--bg-badge: #16304f;--text-primary: #e7f1ff;--text-secondary: #b6cbe5;--text-muted: #89a5c6;--text-inverse: #09182d;--accent-primary: #5aa7ff;--accent-secondary: #7ab9ff;--accent-tertiary: #3f82d4;--accent-light: rgba(90, 167, 255, .16);--accent-hover: #98c9ff;--accent-glow: rgba(90, 167, 255, .3);--border-color: #2b4766;--border-light: #223c59;--divider: #2a4665;--shadow-sm: 0 1px 3px rgba(1, 10, 22, .45);--shadow-md: 0 10px 22px rgba(1, 10, 22, .5);--shadow-lg: 0 14px 34px rgba(1, 10, 22, .58);--shadow-card: 0 8px 20px rgba(1, 10, 22, .44);--success: #59d89c;--success-bg: rgba(89, 216, 156, .16);--warning: #f2b14b;--warning-bg: rgba(242, 177, 75, .14);--error: #ff7b7b;--error-bg: rgba(255, 123, 123, .14);--info: #5ecbe1;--info-bg: rgba(94, 203, 225, .14);--chart-line: #7ab9ff;--chart-area: rgba(122, 185, 255, .18);--chart-grid: #2b4766;--chart-gradient-start: rgba(122, 185, 255, .36);--chart-gradient-end: rgba(122, 185, 255, .04);--gradient-primary: linear-gradient(120deg, #3b8df0 0%, #66b5ff 100%);--gradient-hero: linear-gradient(130deg, #081a33 0%, #0f2d56 56%, #154177 100%);--scrollbar-track: #0e223b;--scrollbar-thumb: #315375}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 6% -12%,var(--accent-glow) 0%,transparent 38%),radial-gradient(circle at 94% 108%,var(--accent-glow) 0%,transparent 42%),var(--bg-primary);color:var(--text-primary);transition:background-color .25s ease,color .25s ease}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}code,pre,.mono{font-family:IBM Plex Mono,JetBrains Mono,monospace}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 1.2rem}.page{min-height:calc(100vh - 180px);padding:1.6rem 0}.app-main{content-visibility:auto}.page-header{margin-bottom:1.6rem}.page-title{display:flex;align-items:center;gap:.7rem;font-size:1.7rem;letter-spacing:-.02em;color:var(--text-primary)}.page-title svg{color:var(--accent-primary)}.page-subtitle{margin-top:.3rem;color:var(--text-secondary);font-size:.92rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow-card);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.95rem;padding-bottom:.78rem;border-bottom:1px solid var(--divider)}.card-title{display:flex;align-items:center;gap:.52rem;font-size:.98rem;color:var(--text-primary)}.card-title svg{color:var(--accent-primary)}.stat-card{position:relative;overflow:hidden;padding:1rem 1.05rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent-light)}.stat-card:hover:before{opacity:1}.stat-label{display:flex;align-items:center;gap:.44rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.stat-value{margin-top:.35rem;font-size:clamp(1.05rem,3.7vw,1.45rem);line-height:1.2;color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-weight:600}.stat-change{margin-top:.25rem;font-size:.78rem;font-weight:600}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:var(--bg-tertiary)}th{white-space:nowrap;text-align:left;padding:.84rem .9rem;border-bottom:2px solid var(--border-color);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}td{white-space:nowrap;padding:.82rem .9rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody tr{transition:background-color .15s ease}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}.hash{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--accent-primary)}.hash:hover{color:var(--accent-hover)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.24rem .62rem;border-radius:999px;font-size:.73rem;font-weight:700;background:var(--bg-badge);color:var(--accent-primary)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.error{background:var(--error-bg);color:var(--error)}.badge.donate{background:#2f8fff29;color:#1f64d8;border:1px solid rgba(47,143,255,.4)}[data-theme=dark] .badge.donate{color:#7ab9ff;border-color:#7ab9ff59}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1rem;border-radius:10px;border:1px solid transparent;font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.btn-primary{color:#fff;background:var(--gradient-primary);box-shadow:0 6px 18px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{border-color:var(--border-color);background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-sm{padding:.35rem .72rem;font-size:.78rem}.pagination{margin-top:1.35rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination button{width:36px;height:36px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:.84rem;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.pagination button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination button:disabled{opacity:.42;cursor:not-allowed}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--bg-tertiary) 22%,var(--bg-card-hover) 50%,var(--bg-tertiary) 78%);background-size:220% 100%;animation:shimmer 1.35s infinite}.spinner{width:34px;height:34px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.route-fallback{min-height:48vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.skeleton-page{padding:1.6rem 0;display:flex;flex-direction:column;gap:1rem}.skeleton-title{height:2rem;width:38%;max-width:260px}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.skeleton-card{height:5.2rem;border-radius:14px}.skeleton-table{height:18rem;border-radius:14px}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.search-container{position:relative;width:100%;max-width:500px}.search-input{width:100%;border:1px solid var(--border-color);border-radius:12px;outline:none;padding:.66rem .84rem .66rem 2.42rem;font-size:.88rem;font-family:inherit;color:var(--text-primary);background:var(--bg-input);transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-icon{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn .45s ease}.slide-up{animation:slideUp .45s ease}.pulse{animation:pulse 1.8s ease-in-out infinite}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.container{padding:0 .9rem}.page{padding:1.05rem 0}.page-title{font-size:1.35rem}.grid-2,.grid-3{grid-template-columns:1fr}.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:1rem;border-radius:14px}}@media(max-width:520px){.grid-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}