:root{--bg:#141413;--bg-elevated:#1c1c1a;--bg-surface:#222220;--border:hsla(48,25%,92%,.08);--border-hover:hsla(48,25%,92%,.14);--text:#f0eee6;--text-secondary:#a8a69e;--text-muted:#6b6a65;--accent:#c8a96e;--accent-dim:hsla(39,45%,61%,.12);--green:#7ec97e;--green-bg:rgba(126,201,126,.1);--red:#e07272;--red-bg:hsla(0,64%,66%,.1);--blue:#7aadcf;--pink:#cf8da0;--orange:#cfa06e;--purple:#a08dcf;--cyan:#6ebfbf;--radius:8px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page-container{margin:0 auto;max-width:1200px;padding:0 28px}.navbar{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-inner{height:56px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 28px}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{color:var(--text-secondary);font-size:14px;font-weight:600;gap:10px;letter-spacing:.01em}.navbar-brand .dot{background:var(--accent);border-radius:50%;height:6px;width:6px}.navbar-links{display:flex;gap:2px}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;padding:6px 14px;transition:color .2s}.navbar-links a:hover{color:var(--text-secondary)}.navbar-links a.active{background:var(--accent-dim);color:var(--text)}.hero{padding:64px 0 40px;text-align:center}.hero-badge{align-items:center;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.02em;margin-bottom:20px;padding:4px 12px}.hero h1{color:var(--text);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}.hero .subtitle{color:var(--text-muted);font-size:14px;font-weight:400}.stats-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin-bottom:40px;overflow:hidden}.stat-card{background:var(--bg);padding:22px 24px;transition:background .2s}.stat-card:hover{background:var(--bg-elevated)}.stat-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.stat-delta{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:3px;letter-spacing:0;margin-top:6px;padding:1px 7px}.stat-delta.positive{background:var(--green-bg);color:var(--green)}.stat-delta.negative{background:var(--red-bg);color:var(--red)}.stat-sub{color:var(--text-muted);font-size:12px;margin-top:4px}.chart-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:28px}.chart-card .chart-title{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:20px}.table-card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:48px;overflow:hidden}.table-toolbar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 20px}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;font-family:inherit;font-size:13px;outline:none;padding:9px 14px;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.data-table{background:var(--bg);border-collapse:collapse;width:100%}.data-table th{background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.data-table th:hover{color:var(--text-secondary)}.data-table th.sortable{cursor:pointer}.data-table th .sort-icon{display:inline-block;font-size:10px;margin-left:2px;opacity:.35;transition:opacity .15s}.data-table th:hover .sort-icon{opacity:.7}.data-table td.num,.data-table th.num{text-align:right}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums;padding:10px 14px;white-space:nowrap}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--bg-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .title-cell{color:var(--text);font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis}.data-table .title-cell:hover{color:var(--accent)}.delta-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:0;margin-left:4px;padding:1px 5px}.delta-badge.up{background:var(--green-bg);color:var(--green)}.delta-badge.down{background:var(--red-bg);color:var(--red)}.loading{align-items:center;color:var(--text-muted);display:flex;font-size:14px;justify-content:center;min-height:240px}.loading .spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:16px;margin-right:10px;width:16px}.footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:40px 0 20px;text-align:center}.footer a{color:var(--text-secondary);transition:color .2s}.footer a:hover{color:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}.fade-in-delay-1{animation-delay:.08s}.fade-in-delay-2{animation-delay:.16s}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}}