:root{color-scheme:dark;--bg:#080c0b;--panel:#111715;--line:#26312d;--green:#57e389;--muted:#8c9b95}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf5f1;font:14px/1.5 Arial,PingFang SC,sans-serif}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#163526 0,transparent 45%)}.login form{width:min(420px,calc(100% - 32px));padding:36px;background:#111715;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #0008}.login span,header small{color:var(--green);font-size:11px;letter-spacing:.16em}.login h1{font-size:30px;margin:8px 0}.login p{color:var(--muted)}label{display:grid;grid-gap:7px;gap:7px;margin:18px 0;color:#bdc8c3}input{width:100%;padding:11px 13px;color:white;background:#090e0c;border:1px solid #34413c;border-radius:9px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #57e38918}button{border:0;cursor:pointer}.login button,.settings>button{width:100%;padding:12px;background:var(--green);color:#07110b;font-weight:700;border-radius:9px}.login em{display:block;margin-top:12px;color:#ff8a8a}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--line);background:#0d1210}.brand{display:flex;align-items:center;gap:10px;padding:5px 8px 25px}.brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--green);color:#07110b;font-style:normal;font-weight:800}aside button{display:block;width:100%;padding:11px 12px;margin:4px 0;text-align:left;color:#9caaa4;background:transparent;border-radius:8px}aside button.active,aside button:hover{color:white;background:#1a2521}.logout{position:absolute;bottom:20px;width:calc(100% - 28px)!important}main{min-width:0;padding:30px 34px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}header h1{margin:3px 0;font-size:26px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.metrics article{padding:20px}.metrics small,.metrics span{display:block;color:var(--muted)}.metrics b{display:block;margin:8px 0;font-size:28px}.panel{margin-top:18px;padding:20px}.panel h2{margin:0 0 18px}.panel dl{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.panel dt{color:var(--muted)}.panel dd{margin:5px 0;font-weight:600}.notice{position:fixed;top:22px;right:24px;z-index:50;min-width:220px;max-width:min(380px,calc(100vw - 32px));padding:10px 14px;background:#173322;border:1px solid #285e3d;border-radius:8px;color:#dff8e8;box-shadow:0 16px 42px #0008;animation:notice-in .18s ease-out}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.tr{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;align-items:center;min-height:58px;border-bottom:1px solid #202a26}.tr:last-child{border:0}.tr.head{min-height:38px;color:var(--muted);font-size:12px}.tr b,.tr small{display:block}.settings{max-width:760px}.settings h2:not(:first-child){margin-top:30px}.switch{display:flex;align-items:center;gap:10px}.switch input{width:auto}.settings>button{margin-top:15px}.pagination,.report-filters,.report-summary{display:flex;align-items:center;gap:12px}.pagination{justify-content:space-between;margin-top:14px;color:var(--muted)}.pagination button,.report-filters button{padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#edf5f1}.pagination button:disabled{cursor:not-allowed;opacity:.4}.report-filters{align-items:end}.report-filters label{margin:0}.report-summary{margin-top:20px}.report-summary article{flex:1 1;padding:18px;background:#0b110f;border:1px solid var(--line);border-radius:10px}.report-summary span{display:block;color:var(--muted)}.report-summary b{display:block;margin-top:6px;font-size:24px}.report-chart{margin-top:18px;padding:18px 18px 12px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0b110f}.report-chart>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}.report-chart h2{margin:0;font-size:16px}.report-chart header small{display:block;margin-top:4px;color:var(--muted);letter-spacing:0}.report-chart header label{min-width:150px;display:grid;grid-gap:5px;gap:5px;margin:0;color:var(--muted);font-size:11px}.report-chart select{min-height:38px;padding:0 34px 0 11px;border:1px solid #34413c;border-radius:8px;outline:0;background:#111715;color:#edf5f1;cursor:pointer}.report-chart select:focus{border-color:var(--green);box-shadow:0 0 0 3px #57e38918}.report-chart-scroll{overflow-x:auto;padding:8px 0 2px}.report-chart-bars{min-width:max(100%,620px);height:250px;display:grid;grid-gap:7px;gap:7px;align-items:end}.report-chart-column{min-width:0;height:100%;display:grid;grid-template-rows:20px minmax(0,1fr) 24px;grid-gap:5px;gap:5px;align-items:end;text-align:center}.report-chart-value{overflow:hidden;color:#a8b6b0;font-size:9px;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .14s ease}.report-chart-column:hover .report-chart-value{opacity:1}.report-chart-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #2d3934;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(255,255,255,.035) 40px)}.report-chart-track i{width:min(22px,72%);min-height:0;display:block;border-radius:5px 5px 1px 1px;transition:height .22s ease,filter .16s ease}.report-chart-track i.recharge{background:linear-gradient(180deg,#6cf0a0,#24a85a);box-shadow:0 0 18px rgba(87,227,137,.12)}.report-chart-track i.consumption{background:linear-gradient(180deg,#75b8ff,#3378d1);box-shadow:0 0 18px rgba(71,142,234,.12)}.report-chart-track i:hover{filter:brightness(1.16)}.report-chart-column>span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.report-chart-empty{grid-column:1/-1;align-self:center;color:var(--muted);text-align:center}input:disabled{cursor:not-allowed;opacity:.65}@media (max-width:850px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;display:flex;overflow:auto}.logout,aside .brand{display:none}.metrics{grid-template-columns:1fr 1fr}main{padding:20px}.tr{min-width:700px}.table{overflow:auto}}@media (max-width:520px){.notice{top:16px;right:16px;left:16px;min-width:0}.metrics,.panel dl{grid-template-columns:1fr}.report-chart>header{align-items:stretch;flex-direction:column}.report-chart header label{width:100%}}@media (prefers-reduced-motion:reduce){.report-chart-track i{transition:none}.notice{animation:none}}