.cyc-chart-card{background:linear-gradient(135deg,rgba(18,22,34,0.85) 0%,rgba(11,14,23,0.95) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:22px 24px;backdrop-filter:blur(16px);box-shadow:0 10px 36px rgba(0,0,0,0.35);display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.cyc-controls-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.08)}.cyc-metrics-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cyc-metric-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 13px;color:var(--ink-2, #94a3b8);font-size:12px;font-weight:700;cursor:pointer;transition:all 0.18s ease;white-space:nowrap}.cyc-metric-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff;transform:translateY(-1px)}.cyc-metric-btn.active{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.6);color:#60a5fa;box-shadow:0 0 12px rgba(59,130,246,0.3)}.cyc-timeframes{display:flex;align-items:center;background:rgba(0,0,0,0.35);border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,0.08)}.cyc-tf-btn{background:transparent;border:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;color:var(--ink-3, #717688);cursor:pointer;transition:all 0.15s ease}.cyc-tf-btn:hover{color:#fff}.cyc-tf-btn.active{background:rgba(255,255,255,0.12);color:#fff}.cyc-kpi-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px}.cyc-kpi-main{display:flex;align-items:center;gap:18px}.cyc-kpi-val-box{display:flex;flex-direction:column}.cyc-kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-3, #717688);letter-spacing:0.5px}.cyc-kpi-val{font-size:26px;font-weight:900;font-family:var(--mono, monospace);color:#fff;letter-spacing:-0.5px}.cyc-regime-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:0.4px;display:inline-flex;align-items:center;gap:6px}.cyc-regime-badge.green{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.4);color:#10b981}.cyc-regime-badge.yellow{background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.4);color:#fbbf24}.cyc-regime-badge.red{background:rgba(244,63,94,0.15);border:1px solid rgba(244,63,94,0.4);color:#f43f5e}.cyc-regime-badge.blue{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.4);color:#60a5fa}.cyc-kpi-sub{font-size:12px;color:var(--ink-2, #94a3b8);font-family:var(--mono, monospace);text-align:right}.cyc-echarts-wrap{width:100%;height:480px;position:relative;border-radius:10px;overflow:hidden}@media (max-width: 768px){.cyc-echarts-wrap{height:380px}}.cyc-actions{display:flex;align-items:center;gap:6px}.cyc-tool-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2, #94a3b8);cursor:pointer;transition:all 0.15s ease}.cyc-tool-btn:hover{background:rgba(255,255,255,0.15);color:#fff;border-color:rgba(255,255,255,0.25)}.cyc-chart-card.cyc-fullscreen{position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;padding:24px 32px!important;background:#080c14!important;overflow:hidden!important}.cyc-chart-card.cyc-fullscreen .cyc-echarts-wrap{height:calc(100vh - 160px)!important}
