*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app,body,html{height:100%}.app-wrapper{height:100%;width:100%}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container .login-form{width:400px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.login-container .login-form .title{text-align:center;margin-bottom:30px;font-size:24px;color:#333}.sidebar-container{transition:width .28s;width:210px!important;background-color:#304156;height:100%;position:fixed;font-size:0;top:0;bottom:0;left:0;z-index:1001;overflow:hidden}.sidebar-container.collapse{width:54px!important}.main-container{min-height:100%;transition:margin-left .28s;margin-left:210px;position:relative}.main-container.collapse{margin-left:54px}.page-header{padding:20px;background:#fff;margin-bottom:20px;border-bottom:1px solid #ebeef5}.page-header .title{font-size:20px;font-weight:600;color:#303133}.page-header .description{margin-top:8px;color:#909399;font-size:14px}.table-actions .el-button{margin-right:8px}.table-actions .el-button:last-child{margin-right:0}.status-tag.pending{background-color:#e6a23c;border-color:#e6a23c}.status-tag.active{background-color:#67c23a;border-color:#67c23a}.status-tag.disabled{background-color:#f56c6c;border-color:#f56c6c}.pagination-container{margin-top:20px;text-align:right}.search-form{margin-bottom:20px}.search-form .el-form-item{margin-right:20px;margin-bottom:0}