.dashboard{background:url(/img/bg.fb7e00b6.png) no-repeat 50%;background-size:cover;color:#fff;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.dashboard-header{justify-content:space-between;align-items:center;padding:.25rem 1.875rem;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);border-bottom:.0625rem solid hsla(0,0%,100%,.05);height:2.1875rem}.dashboard-content,.dashboard-header{position:relative;z-index:1;display:flex}.dashboard-content{flex:1;gap:.75rem;padding:.75rem;height:calc(100vh - 2.1875rem);overflow:hidden}.dashboard-content.fullscreen{height:calc(100vh - 2.1875rem);gap:1rem;padding:1rem}.header-left{gap:.9375rem;width:11.25rem}.header-center,.header-left{display:flex;align-items:center}.header-center{flex:1;justify-content:center}.header-right{width:17.5rem;justify-content:flex-end}.header-right,.title{display:flex;align-items:center;gap:.75rem}.title{text-align:center}.title .company-name{font-size:1.375rem;font-weight:700;background:linear-gradient(120deg,#00f2fe,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 .125rem .9375rem rgba(79,172,254,.3);letter-spacing:.0625rem}.title .divider{width:.125rem;height:1.375rem;background:linear-gradient(180deg,#00f2fe,#4facfe);border-radius:.125rem}.title .subtitle{font-size:1rem;color:hsla(0,0%,100%,.9);letter-spacing:.125rem;font-weight:300}.left-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;flex:2}.statistics-section{min-height:0;display:flex;flex-direction:column;padding:.5rem}.dashboard-content.fullscreen .statistics-section{padding:.75rem}.statistics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.stat-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);border-radius:.5rem;padding:.75rem;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden;border:.0625rem solid hsla(0,0%,100%,.05);min-height:5rem}.stat-card,.stat-content{display:flex;flex-direction:column}.stat-content{gap:.375rem}.stat-main{display:flex;flex-direction:column;gap:.25rem}.stat-main h3{font-size:.875rem;color:hsla(0,0%,100%,.8);font-weight:500;margin:0}.stat-value{font-size:1.5rem;font-weight:600;color:#fff;font-family:DIN Alternate,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.03125rem}.stat-extra{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:hsla(0,0%,100%,.7)}.amount-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.amount-row .label{color:hsla(0,0%,100%,.6)}.amount-row .value{color:aqua;font-weight:500}.active-count,.new-count,.online-count,.usage-rate{display:flex;align-items:center;gap:.375rem}.active-count .dot,.new-count .dot,.online-count .dot,.usage-rate .dot{width:.375rem;height:.375rem;border-radius:50%;background:lime}.active-count .dot.online,.new-count .dot.online,.online-count .dot.online,.usage-rate .dot.online{background:lime}.records-section{flex:1;display:flex;flex-direction:column;margin-top:.5rem}.records-list,.records-section{min-height:0;position:relative;overflow:hidden}.records-list{flex:1;height:100%;padding:.75rem;background:hsla(0,0%,100%,.02);border-radius:.25rem}.records-wrapper{position:absolute;top:0;left:0;right:0;padding:.75rem;gap:.75rem;transition:transform .5s ease}.record-item,.records-wrapper{display:flex;flex-direction:column}.record-item{background:rgba(60,90,140,.18);border:.0625rem solid rgba(79,172,254,.1);border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(0,0,0,.06);padding:.875rem 1.125rem .75rem 1.125rem;margin-bottom:.75rem;transition:box-shadow .2s,background .2s;flex-shrink:0;min-height:5.625rem;gap:.5rem}.record-item:hover{box-shadow:0 .25rem 1rem 0 rgba(79,172,254,.12);background:rgba(80,120,180,.22)}.record-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.125rem}.user-name{font-size:.9375rem;font-weight:600;color:#fff;margin-right:.5rem}.store-name{font-size:.8125rem;color:#4facfe;font-weight:400}.record-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.125rem}.info-row{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:#e0eaff}.cabinet-id{color:#4facfe;font-size:.8125rem;font-weight:500}.battery-row{gap:.5rem;flex-wrap:wrap;margin-bottom:0}.battery-label{color:#b6c9e0;font-size:.8125rem;margin-right:.125rem;min-width:4rem}.battery-id{color:#fff;font-size:.8125rem;font-family:DIN Alternate,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:rgba(0,234,255,.1);padding:.125rem .5rem;border-radius:.375rem;margin-right:.625rem;border:.0625rem solid rgba(0,234,255,.13);word-break:break-all;display:inline-block;max-width:11.25rem}.battery-id.in{background:rgba(0,255,180,.13);border-color:rgba(0,255,180,.18);color:#00ffb4}.battery-id.out{background:rgba(255,180,0,.13);border-color:rgba(255,180,0,.18);color:#ffc46b}.bottom-row{justify-content:space-between;gap:0}.exchange-time{color:#b6c9e0;font-size:.8125rem}.exchange-result{padding:.25rem .875rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;min-width:5rem;text-align:center;display:inline-block;background:rgba(0,0,0,.1);border:.0625rem solid transparent}.exchange-result.success{color:#3cffb0;background:rgba(60,255,176,.1);border-color:rgba(60,255,176,.18)}.exchange-result.failed{color:#ff6b6b;background:hsla(0,100%,71%,.1);border-color:hsla(0,100%,71%,.18)}.center-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;flex:5}.map-section{flex:1;min-height:0;display:flex;flex-direction:column;max-height:65%}.dashboard-content.fullscreen .map-section{max-height:60%}.chart-section{flex:1;min-height:0;display:flex;flex-direction:column;max-height:35%}.dashboard-content.fullscreen .chart-section{max-height:40%}.right-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;flex:2}.chart-box,.type-section{flex:1;min-height:0;display:flex;flex-direction:column}.chart-box{padding:.75rem;position:relative;overflow:hidden;background:hsla(0,0%,100%,.02);border-radius:.375rem;height:100%;min-height:12.5rem}.chart-container{flex:1;min-height:0;width:100%;position:relative;height:100%!important;min-height:11.25rem;padding:.625rem}.dashboard-content.fullscreen .chart-container{min-height:12.5rem;padding:.75rem}.chart-title{font-size:.8125rem;color:hsla(0,0%,100%,.8);padding:0 .375rem;font-weight:500;margin-bottom:.25rem}.type-distribution-card{flex:1;min-height:0;padding:.75rem;display:flex;flex-direction:column;background:hsla(0,0%,100%,.02);border-radius:.375rem;height:100%}.dashboard-content.fullscreen .type-distribution-card{padding:1rem}.type-charts-container{gap:.625rem}.type-chart-item,.type-charts-container{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.type-chart-item{gap:.375rem;background:hsla(0,0%,100%,.02);border-radius:.375rem;padding:.625rem;min-height:9.375rem}.dashboard-content.fullscreen .type-chart-item{min-height:11.25rem;padding:.75rem}.map-controls{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;background:rgba(0,0,0,.4);padding:.25rem;border-radius:.375rem;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid hsla(0,0%,100%,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.2)}.map-control-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:hsla(0,0%,100%,.03);border-radius:.25rem;cursor:pointer;transition:all .2s ease;border:.0625rem solid transparent;font-size:.75rem;color:hsla(0,0%,100%,.6);min-width:3.75rem;justify-content:center;position:relative;overflow:hidden}.map-control-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(79,172,254,.1),rgba(0,242,254,.1));opacity:0;transition:opacity .2s ease}.map-control-item:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.05)}.map-control-item:hover:before{opacity:1}.map-control-item.active{background:rgba(79,172,254,.15);border-color:rgba(79,172,254,.3);color:#4facfe;box-shadow:0 0 .625rem rgba(79,172,254,.2)}.map-control-item.active:before{opacity:1}.map-control-item.active .item-count{background:rgba(79,172,254,.2);color:#4facfe}.item-label{font-weight:500}.item-count,.item-label{position:relative;z-index:1}.item-count{background:hsla(0,0%,100%,.08);padding:.0625rem .25rem;border-radius:.1875rem;font-size:.6875rem;font-family:DIN Alternate,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fullscreen-btn{width:2.25rem;height:2.25rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);border:.0625rem solid hsla(0,0%,100%,.1);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.fullscreen-btn:hover{background:hsla(0,0%,100%,.1);border-color:rgba(79,172,254,.3);transform:translateY(-.0625rem)}.fullscreen-btn i{font-size:1.125rem;color:hsla(0,0%,100%,.8)}.logout-btn{width:2.25rem;height:2.25rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);border:.0625rem solid hsla(0,0%,100%,.1);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.logout-btn:hover{background:hsla(0,0%,100%,.1);border-color:rgba(255,77,79,.3);transform:translateY(-.0625rem)}.logout-btn i{font-size:1.125rem;color:hsla(0,0%,100%,.8)}.dashboard-content.fullscreen{overflow:hidden}.dashboard-content.fullscreen .center-panel,.dashboard-content.fullscreen .left-panel,.dashboard-content.fullscreen .right-panel{gap:1rem}.dashboard-content.fullscreen .stat-card{min-height:5.625rem;padding:.875rem}.dashboard-content.fullscreen .stat-value{font-size:1.625rem}.dashboard-content.fullscreen .stat-main h3{font-size:.9375rem}.dashboard-content.fullscreen .record-item{min-height:6.25rem;padding:1rem 1.25rem .875rem 1.25rem}.dashboard-content.fullscreen .map-control-item{min-width:4.375rem;padding:.375rem .625rem;font-size:.8125rem}.dashboard-content.fullscreen .item-count{font-size:.75rem;padding:.125rem .3125rem}.login-container[data-v-43879a6a]{height:100vh;display:flex;justify-content:center;align-items:center;background:url(/img/bg.fb7e00b6.png) no-repeat 50%;background-size:cover;position:relative;overflow:hidden}.login-box[data-v-43879a6a]{position:relative;width:420px;padding:50px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 15px 35px rgba(0,0,0,.2);z-index:1;transform:translateY(0);transition:all .3s ease}.login-box[data-v-43879a6a]:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.login-header[data-v-43879a6a]{text-align:center;margin-bottom:50px;position:relative}.login-header[data-v-43879a6a]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#4facfe,transparent);border-radius:3px}.login-header h1[data-v-43879a6a]{font-size:36px;color:#fff;margin:0;font-weight:700;background:linear-gradient(120deg,#00f2fe,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 15px rgba(79,172,254,.3);letter-spacing:2px}.login-header p[data-v-43879a6a]{font-size:18px;color:hsla(0,0%,100%,.8);margin:12px 0 0;letter-spacing:3px;font-weight:300}.login-form[data-v-43879a6a] .el-form-item{margin-bottom:30px}.login-form[data-v-43879a6a] .el-input .el-input__inner{height:52px;line-height:52px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff}.login-form[data-v-43879a6a] .el-input .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.4)}.login-form[data-v-43879a6a] .el-input .el-input__inner::placeholder{color:hsla(0,0%,100%,.4)}.login-form[data-v-43879a6a] .el-input .el-input__inner:focus{border-color:#4facfe;background:hsla(0,0%,100%,.08)}.login-form[data-v-43879a6a] .el-input .el-input__prefix{color:hsla(0,0%,100%,.6)}.login-form[data-v-43879a6a] .el-form-item__error{color:#ff4d4f}.login-btn[data-v-43879a6a]{width:100%;height:52px;background:linear-gradient(120deg,#00f2fe,#4facfe);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;letter-spacing:2px}.login-btn[data-v-43879a6a]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,172,254,.4)}@media screen and (max-width:480px){.login-box[data-v-43879a6a]{width:90%;padding:40px 25px;margin:20px}.login-header h1[data-v-43879a6a]{font-size:32px}.login-header p[data-v-43879a6a]{font-size:16px}.login-form[data-v-43879a6a] .el-input .el-input__inner{height:48px;line-height:48px}.login-btn[data-v-43879a6a]{height:48px}}[data-v-43879a6a] .loading-dialog{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.2)}[data-v-43879a6a] .loading-dialog .el-dialog__header{display:none}[data-v-43879a6a] .loading-dialog .el-dialog__body{padding:30px}.loading-content[data-v-43879a6a]{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-content i[data-v-43879a6a]{font-size:40px;color:#4facfe}.loading-content p[data-v-43879a6a]{color:#fff;font-size:16px;margin:0}.loading-content .el-progress[data-v-43879a6a]{width:100%}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{padding:0;margin:0}html{font-size:16px}@media screen and (min-width:2560px){html{font-size:18px}}@media screen and (min-width:1920px) and (max-width:2559px){html{font-size:16px}}@media screen and (min-width:1600px) and (max-width:1919px){html{font-size:15px}}@media screen and (min-width:1366px) and (max-width:1599px){html{font-size:14px}}@media screen and (min-width:1200px) and (max-width:1365px){html{font-size:13px}}@media screen and (min-width:1024px) and (max-width:1199px){html{font-size:12px}}@media screen and (min-width:768px) and (max-width:1023px){html{font-size:11px}}@media screen and (min-width:480px) and (max-width:767px){html{font-size:10px}}@media screen and (max-width:479px){html{font-size:9px}}@media screen and (-webkit-min-device-pixel-ratio:2){html{font-size:16px}}@media screen and (min-width:3840px){html{font-size:20px}}@media screen and (min-aspect-ratio:7/3){html{font-size:17px}}