.v450-graphs-page{max-width:1500px;margin:0 auto;color:#eff6ff;padding-bottom:28px}.v450-graphs-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 12px}.v450-graphs-head small{font-size:9px;color:#5faaff;letter-spacing:.12em;font-weight:900}.v450-graphs-head h1{font-size:28px!important;margin:3px 0!important;color:#fff!important}.v450-graphs-head p{margin:0;color:#88a4c6;font-size:11px}.v450-live-badge{border:1px solid rgba(25,209,127,.36);background:rgba(25,209,127,.09);color:#60e8ac;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;white-space:nowrap}.v450-live-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19d17f;box-shadow:0 0 11px #19d17f;margin-right:6px}.v450-graph-config,.v450-graph-main,.v450-storage,.v450-how{background:linear-gradient(180deg,#071b35,#05152d)!important;border:1px solid #12375f!important;border-radius:14px!important;color:#eaf3ff!important}.v450-graph-config{padding:13px;margin-bottom:10px}.v450-config-grid{display:grid;grid-template-columns:1.1fr .8fr .7fr auto;gap:10px;align-items:end}.v450-config-grid label{font-size:9px;color:#8fa8c6;position:relative}.v450-config-grid select,.v450-config-grid input{display:block;width:100%;height:38px;margin-top:5px}.v450-config-grid label>span{position:absolute;right:8px;bottom:11px;font-size:8px;color:#7894b8}.v450-save{height:38px!important;background:linear-gradient(135deg,#075bd9,#126dff)!important;border:1px solid #2d82ff!important;color:#fff!important;padding:0 16px!important;font-size:10px!important;font-weight:900}.v450-interface-title{display:flex;justify-content:space-between;gap:10px;margin:13px 0 7px;padding-top:10px;border-top:1px solid #12375f}.v450-interface-title b{font-size:10px}.v450-interface-title span{font-size:8px;color:#7898bc}.v450-interface-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:34px}.v450-iface-chip{display:flex;align-items:center;gap:5px;border:1px solid #17456f;background:#061a33;border-radius:8px;padding:7px 9px;font-size:9px;color:#bed3ea;cursor:pointer}.v450-iface-chip input{width:auto!important;height:auto!important;margin:0!important}.v450-iface-chip.running:before{content:"";width:6px;height:6px;border-radius:50%;background:#19d17f}.v450-iface-chip.down:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff465d}.v450-loading{font-size:9px;color:#7692b3}.v450-rangebar{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.v450-rangebar::-webkit-scrollbar{display:none}.v450-rangebar button{flex:0 0 auto!important;height:32px!important;padding:0 11px!important;background:#061a33!important;border:1px solid #153e69!important;color:#9bb4d0!important;font-size:9px!important}.v450-rangebar button.active{background:#126dff!important;border-color:#3d90ff!important;color:#fff!important;box-shadow:0 6px 18px rgba(18,109,255,.23)}.v450-graph-main{padding:14px}.v450-graph-main>header{display:flex;justify-content:space-between;align-items:flex-start}.v450-graph-main h2{margin:2px 0 0!important;color:#fff!important;font-size:17px!important}.v450-graph-main header small{font-size:8px;color:#5faaff}.v450-legend{display:flex;gap:12px;font-size:9px;color:#9bb1cb}.v450-legend span{display:flex;align-items:center;gap:5px}.v450-legend i{width:17px;height:3px;border-radius:9px}.v450-legend .rx i{background:#1683ff}.v450-legend .tx i{background:#19d17f}.v450-bigstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.v450-bigstats div{border:1px solid #11365e;background:#061a33;border-radius:10px;padding:9px}.v450-bigstats small,.v450-bigstats b{display:block}.v450-bigstats small{font-size:8px;color:#7895b8}.v450-bigstats b{font-size:16px;margin-top:3px}.v450-chart-wrap{height:360px;position:relative;border:1px solid #10365f;background:linear-gradient(180deg,#04162e,#031126);border-radius:12px;padding:10px;overflow:hidden}.v450-chart-wrap svg{width:100%;height:100%}.v450-chart-wrap .grid line{stroke:#153a61;stroke-width:.45}.v450-chart-wrap .rxline,.v450-chart-wrap .txline{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.v450-chart-wrap .rxline{stroke:#1683ff}.v450-chart-wrap .txline{stroke:#19d17f}.v450-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#6786aa;font-size:10px;pointer-events:none}.v450-graph-main footer{display:flex;justify-content:space-between;color:#7895b8;font-size:8px;padding-top:8px}.v450-graph-footgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.v450-storage,.v450-how{padding:13px}.v450-storage header{display:flex;justify-content:space-between}.v450-storage h3,.v450-how h3{font-size:12px!important;margin:0 0 10px!important}.v450-storage header span{font-size:8px;color:#7895b8}.v450-storage-meter{height:9px;border-radius:999px;background:#102f51;overflow:hidden}.v450-storage-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#126dff,#18a8ff);border-radius:999px}.v450-storage-numbers{display:flex;justify-content:space-between;gap:8px;margin-top:7px}.v450-storage-numbers b{font-size:11px}.v450-storage-numbers span{font-size:8px;color:#7996b7}.v450-storage p{font-size:9px;line-height:1.5;color:#7e99b9;margin:10px 0 0}.v450-how>div{display:flex;gap:8px;padding:8px 0;border-top:1px solid #102f50}.v450-how>div:first-of-type{border-top:0}.v450-how>div>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(25,209,127,.11);color:#55e7a8}.v450-how p{margin:0}.v450-how b,.v450-how small{display:block}.v450-how b{font-size:9px}.v450-how small{font-size:8px;color:#7896b8;margin-top:2px}.v450-toast{position:fixed;right:18px;bottom:18px;z-index:40000;background:#082443;border:1px solid #1a5a96;border-radius:10px;padding:10px 13px;color:#eaf4ff;font-size:10px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
@media(max-width:900px){.v450-config-grid{grid-template-columns:1fr 1fr}.v450-save{width:100%}.v450-bigstats{grid-template-columns:1fr 1fr}.v450-graph-footgrid{grid-template-columns:1fr}.v450-chart-wrap{height:280px}}