:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-lighter:#a5b4fc;--color-primary-lightest:#c7d2fe;--color-secondary:#8b5cf6;--color-positive:#10b981;--color-positive-light:#34d399;--color-negative:#ef4444;--color-negative-light:#f87171;--color-neutral:#6b7280;--color-neutral-dark:#4b5563;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-text-dim:#6b7280;--color-bg-primary:#0f172a;--color-bg-secondary:#1e1b4b;--color-bg-card:#ffffff08;--color-bg-card-hover:#ffffff0d;--color-bg-overlay:#111827fa;--color-bg-header:#0f172acc;--color-border:#ffffff0f;--color-border-light:#ffffff1a;--color-border-primary:#6366f14d;--color-border-primary-strong:#6366f180;--color-primary-10:#6366f11a;--color-primary-15:#6366f126;--color-primary-20:#6366f133;--color-primary-30:#6366f14d;--color-positive-10:#10b9811a;--color-positive-15:#10b98126;--color-negative-10:#ef44441a;--color-negative-15:#ef444426;--color-neutral-15:#6b728026;--color-white-03:#ffffff08;--color-white-05:#ffffff0d;--color-white-08:#ffffff14;--color-white-10:#ffffff1a;--color-white-15:#ffffff26;--color-white-20:#fff3;--shadow-primary:0 4px 12px #6366f14d;--shadow-dropdown:0 10px 40px #0006;--gradient-primary:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);--gradient-bg:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-header);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:16px 40px;display:flex}.header-mobile-menu{border-top:1px solid var(--color-border);max-width:1600px;margin:0 auto;padding:16px 40px;animation:.2s ease-out slideDown;display:none}.main-content{max-width:1600px;margin:0 auto;padding:32px 40px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.charts-grid{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:20px;display:grid}.news-section{gap:20px;display:grid}.news-section.with-detail{grid-template-columns:1fr 400px}@media (max-width:1024px){.header-inner,.header-mobile-menu{padding:16px 20px}.main-content{padding:24px 20px}.charts-grid,.news-section,.news-section.with-detail{grid-template-columns:1fr}}@media (max-width:768px){.header-inner,.header-mobile-menu{padding:14px 16px}.main-content{padding:20px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.charts-grid{gap:10px;margin-bottom:16px}}@media (max-width:480px){.header-inner,.header-mobile-menu{padding:12px}.main-content{padding:16px 12px}.stats-grid{gap:8px;margin-bottom:16px}}@media (max-width:640px){.header-mobile-menu{display:block}}