:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0}#root{width:100%;max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:24px 32px}.app-header h1{letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.app-header p{opacity:.7;font-size:14px}.app-nav{background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px;padding:16px 32px;display:flex;overflow-x:auto}.nav-btn{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.nav-btn:hover{color:#2962ff;background:#f0f6ff;border-color:#2962ff}.nav-btn.active{color:#fff;background:#2962ff;border-color:#2962ff}.nav-btn-all{color:#2962ff;background:#f0f6ff;border-color:#2962ff}.nav-btn-all.active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.app-main{flex:1;padding:24px 32px}.widget-single{max-width:1200px;margin:0 auto}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;max-width:1600px;margin:0 auto;display:grid}.widget-card{background:#fff;border-radius:12px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #00000014}.widget-card:hover{box-shadow:0 4px 20px #0000001f}.widget-card-header{color:#1a1a2e;background:#fafafa;border-bottom:1px solid #eee;padding:14px 20px;font-size:15px;font-weight:600}.widget-card-body{justify-content:center;align-items:center;min-height:400px;display:flex}.tradingview-widget-container{width:100%;height:100%;min-height:400px}.tradingview-widget-copyright{text-align:center;background:#fafafa;border-top:1px solid #eee;padding:8px 12px;font-size:11px}.tradingview-widget-copyright a{color:#2962ff;text-decoration:none}.tradingview-widget-copyright .blue-text{color:#2962ff}.tradingview-widget-copyright .trademark{color:#999}.app-footer{text-align:center;color:#999;background:#fff;border-top:1px solid #e0e0e0;padding:16px;font-size:13px}@media (width<=768px){.app-header{padding:20px 16px}.app-header h1{font-size:22px}.app-nav{padding:12px 16px}.app-main{padding:16px}.widget-grid{grid-template-columns:1fr}.nav-btn{padding:8px 14px;font-size:13px}}