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}