:root{--bg-color:#f0f2f5;--card-bg:#ffffff;--text-primary:#1a1a1a;--text-secondary:#65676b;--accent-growth:#007aff;--accent-inflation:#ff3b30;--accent-liquidity:#af52de;--accent-sentiment:#ff9500;--accent-leading:#34c759;--brand-color:#2c3e50}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-color);margin:0;padding:20px;color:var(--text-primary)}h1,h2,h3{margin:0}.container{max-width:1600px;margin:0 auto}.header{margin-bottom:40px;padding:0 10px;text-align:center}.brand-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.header h1{font-size:2.2rem;font-weight:800;color:var(--brand-color);letter-spacing:-.5px;margin:0}.logo-svg{width:48px;height:48px;fill:var(--brand-color)}.header p{color:var(--text-secondary);font-size:1.05rem;max-width:800px;margin:0 auto;line-height:1.6}.ad-banner{width:100%;height:100px;background-color:#e4e6eb;display:flex;align-items:center;justify-content:center;color:#65676b;font-size:.9rem;font-weight:600;border-radius:8px;margin-bottom:50px;border:2px dashed #ccc;text-align:center}.dashboard-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px}.section-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:20px;padding-left:15px;font-weight:700;border-left:5px solid var(--brand-color);line-height:1.2}.chart-card{background:var(--card-bg);border-radius:12px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.chart-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.chart-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.info-btn{background:#f0f2f5;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--text-secondary);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.info-btn:hover{background:var(--brand-color);color:#fff}.chart-area{position:relative;height:250px;width:100%;overflow:hidden}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#ccc;font-size:.9rem;background:#f9f9f9;border-radius:8px;border:1px dashed #ddd}.footer{margin-top:60px;padding:30px 0;border-top:1px solid #e4e6eb;text-align:center;color:var(--text-secondary);font-size:.85rem}.footer p{margin:5px 0}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal-content{background:#fff;padding:30px;border-radius:16px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.modal-body{font-size:.95rem;line-height:1.6;color:#444}.modal-body ul{padding-left:20px;margin:10px 0}.modal-body li{margin-bottom:5px}@media (max-width:1200px){.dashboard-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-row{grid-template-columns:1fr;gap:20px;row-gap:20px}.container{padding:10px}.header h1{font-size:1.8rem}.brand-container{gap:10px}.logo-svg{width:36px;height:36px}}