::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}: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}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1;flex-direction:column}.page-container{margin:0 auto;max-width:1200px;padding:0 40px;width:100%}.navbar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:100}.navbar-inner{height:56px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.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,.module-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.chart-card,.module-card--padded{padding:24px}.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}.module-toolbar,.table-toolbar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;min-height:56px;padding:16px 20px}.chart-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.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:12px;font-weight:600;letter-spacing:.05em;padding:12px 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:left}.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{background:linear-gradient(180deg,transparent,rgba(20,20,19,.5));border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;font-size:12px;padding:32px 0;text-align:center;width:100%}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 40px}.footer-sep{color:var(--border-hover);font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.footer-copy{letter-spacing:.02em}.footer-copy,.footer-source{color:var(--text-muted)}.footer-link{color:var(--accent);font-weight:500;transition:color .2s,letter-spacing .3s}.footer-link:hover{color:var(--text)}.footer-arrow{display:inline-block;transition:transform .25s ease}.footer-link:hover .footer-arrow{transform:translate(3px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out both}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}.skeleton{animation:skeleton-loading 1.2s ease-in-out infinite;background:var(--bg-surface);background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border) 50%,var(--bg-surface) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@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}}