body,html{margin:0;padding:0}#app,body,html{height:100%}*{box-sizing:border-box}a{text-decoration:none;color:#409eff}.app-wrapper{display:flex;height:100%;width:100%}.login-container{min-height:100vh;width:100%;background-color:#2d3a4b;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-container .login-form{position:relative;width:420px;max-width:100%;padding:35px 35px 20px;margin:0 auto;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.login-container .login-title{font-size:24px;color:#303133;text-align:center;margin-bottom:30px;font-weight:600}.login-container .login-btn{width:100%;margin-bottom:10px}.login-container .login-tip{font-size:12px;color:#909399;text-align:center;margin-top:10px}.navbar{height:50px;flex-shrink:0;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 20px}.navbar,.navbar .navbar-right,.navbar .navbar-user{display:flex;align-items:center}.navbar .navbar-user{font-size:14px;color:#606266;padding:0 12px;border-right:1px solid #e6e6e6}.sidebar-container{width:210px;flex-shrink:0;background:#304156;transition:width .28s;overflow:hidden;display:flex;flex-direction:column}.sidebar-container.collapse{width:64px}.sidebar-container .sidebar-logo{height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;background:#2b3a4d;white-space:nowrap;overflow:hidden;flex-shrink:0}.sidebar-container .el-menu{border:none;flex:1;overflow-y:auto}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f0f2f5}.app-main{flex:1;padding:16px;overflow:auto}.table-container .filter-bar{margin-bottom:16px;display:flex;gap:10px;align-items:center}.table-container .pagination-bar{margin-top:16px;display:flex;justify-content:flex-end}.password-container{max-width:500px;margin:20px auto;padding:30px;background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.password-container .password-title{font-size:18px;color:#303133;margin-bottom:25px;text-align:center}.dashboard-container{padding:20px}.dashboard-container .dashboard-title{font-size:22px;color:#303133;margin-bottom:20px}.dashboard-container .stat-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.dashboard-container .stat-card{flex:1;min-width:220px;background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.dashboard-container .stat-card .stat-label{font-size:14px;color:#909399;margin-bottom:8px}.dashboard-container .stat-card .stat-value{font-size:28px;color:#303133;font-weight:600}@media screen and (max-width:768px){.sidebar-container{position:fixed!important;top:0;left:0;bottom:0;z-index:2000;width:210px!important;transform:translateX(-100%);transition:transform .28s}.sidebar-container.mobile-open{transform:translateX(0)}.sidebar-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999;background:rgba(0,0,0,.4)}.sidebar-mask.show{display:block}.main-container{margin-left:0!important}.app-main{padding:10px}.navbar{padding:0 10px!important}.navbar .navbar-right .navbar-user{font-size:12px;padding:0 6px;border-right:none}.navbar .navbar-right .el-button--text{margin-left:6px!important;padding-left:6px;padding-right:6px;font-size:12px}.navbar .navbar-right .el-button--text span{display:none}.table-container .filter-bar{flex-direction:column;align-items:stretch!important}.table-container .filter-bar .el-input,.table-container .filter-bar .el-select{width:100%!important}.table-container .el-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container .pagination-bar{justify-content:center!important;overflow-x:auto}.table-container .pagination-bar .el-pagination .el-pagination__jump,.table-container .pagination-bar .el-pagination .el-pagination__sizes{display:none}.table-container .pagination-bar .el-pagination .el-pagination__total{font-size:12px}.dashboard-container{padding:10px}.dashboard-container .dashboard-title{font-size:18px;margin-bottom:12px}.dashboard-container .stat-cards{gap:10px;margin-bottom:16px}.dashboard-container .stat-card{min-width:calc(50% - 10px);flex:0 0 calc(50% - 10px);padding:14px}.dashboard-container .stat-card .stat-value{font-size:24px}.dashboard-container .el-descriptions .el-descriptions-item__content,.dashboard-container .el-descriptions .el-descriptions-item__label{font-size:12px;padding:8px 6px}.el-dialog{width:95%!important;margin-top:10vh!important}.el-dialog .el-dialog__body{padding:15px}.password-container{max-width:100%!important;margin:10px!important;padding:20px 15px!important}.login-form{width:90%!important;padding:25px 20px 15px!important}}