.monthly-history{margin:18px 0;padding:0;border:1px solid #ddd4ed;border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(42,27,70,.045);overflow:hidden}.monthly-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 20px;border-bottom:1px solid #eee9f4}.monthly-history-head h2{margin:7px 0 0;color:#171426;font:600 clamp(20px,2vw,28px)/1.1 var(--lc-font-ui)}.monthly-history-meta{display:flex;gap:7px}.monthly-history-meta span{padding:6px 9px;border:1px solid #e4dafd;border-radius:8px;background:#f8f5ff;color:#6442d6;font:500 9px var(--lc-font-mono)}.monthly-history-state{display:flex;align-items:center;justify-content:center;min-height:260px;padding:30px;color:#81798c;text-align:center}.monthly-history-state i{width:20px;height:20px;border:2px solid #e1d9f0;border-top-color:#7043ed;border-radius:50%;animation:monthly-spin .8s linear infinite}.monthly-history-state span{display:none}.monthly-history.is-empty .monthly-history-state{flex-direction:column;gap:7px}.monthly-history.is-empty .monthly-history-state b{color:#4b4358;font:600 12px var(--lc-font-ui)}.monthly-history.is-empty .monthly-history-state small{max-width:540px;color:#8b8296;font:500 10px/1.5 var(--lc-font-ui)}.monthly-history-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 26px 4px}.monthly-history-ranges,.monthly-history-scale{display:flex;gap:5px;padding:3px;border:1px solid #ebe5f4;border-radius:10px;background:#faf9fc}.monthly-history-tools button{appearance:none;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:#81798c;font:600 9px var(--lc-font-ui);cursor:pointer}.monthly-history-tools button.active{background:#fff;color:#603bd4;box-shadow:0 1px 5px rgba(52,33,90,.12)}.monthly-history-canvas{position:relative;height:min(42vw,410px);min-height:280px;padding:4px 18px 0}.monthly-history-canvas svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid{stroke:#eeeaf4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-y,.chart-x{fill:#8a8195;font:500 10px var(--lc-font-mono)}.chart-y{text-anchor:end}.chart-x{text-anchor:middle}.chart-candle line{stroke-width:1.25;vector-effect:non-scaling-stroke}.chart-candle.up line,.chart-candle.up rect:not(.chart-hit){fill:#4f9d7c;stroke:#4f9d7c}.chart-candle.down line,.chart-candle.down rect:not(.chart-hit){fill:#a66d86;stroke:#a66d86}.chart-hit{fill:transparent;stroke:none;pointer-events:all}.monthly-history-tooltip{position:absolute;z-index:2;top:14px;transform:translateX(-50%);display:grid;gap:3px;min-width:150px;padding:11px 12px;border:1px solid #dcd3eb;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(39,24,65,.13);pointer-events:none}.monthly-history-tooltip b{margin-bottom:3px;color:#2b2436;font:600 10px var(--lc-font-ui)}.monthly-history-tooltip span,.monthly-history-tooltip small{color:#736a80;font:500 9px var(--lc-font-mono)}.monthly-history-tooltip small{margin-top:3px;padding-top:5px;border-top:1px solid #eee9f4}.monthly-history-foot{display:flex;justify-content:space-between;gap:18px;padding:13px 26px 17px;border-top:1px solid #eee9f4;color:#81798c;font:500 9px/1.4 var(--lc-font-ui)}.monthly-history-foot b{color:#4d435b;font-weight:600}.monthly-history-foot time{font-family:var(--lc-font-mono)}@keyframes monthly-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.monthly-history-head{padding:19px 18px 16px}.monthly-history-meta{flex-direction:column;align-items:flex-end}.monthly-history-tools{align-items:flex-start;padding:12px 14px 0}.monthly-history-ranges{max-width:68%;overflow-x:auto}.monthly-history-canvas{height:330px;min-height:330px;padding-left:2px;padding-right:8px}.monthly-history-foot{flex-direction:column;padding:12px 18px 15px}.chart-y,.chart-x{font-size:9px}}@media(max-width:440px){.monthly-history-tools{flex-direction:column}.monthly-history-ranges{max-width:100%}.monthly-history-canvas{height:300px;min-height:300px}}