#app{height:100vh}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.layout-container{height:100vh}.layout-container .header{background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);padding:0 20px;display:flex;align-items:center;justify-content:space-between}.layout-container .header .logo{display:flex;align-items:center;font-size:20px;font-weight:700;color:#1890ff}.layout-container .header .logo .logo-icon{width:32px;height:32px;margin-right:12px;background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.layout-container .header .user-info{display:flex;align-items:center}.layout-container .header .user-info .user-avatar{width:32px;height:32px;border-radius:50%;margin-right:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666}.layout-container .sidebar{background:#001529;overflow:hidden}.layout-container .sidebar .el-menu{border-right:none}.layout-container .main-content{background:#f0f2f5;padding:20px;overflow-y:auto}.content-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:20px}.content-card .card-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.content-card .card-header .title{font-size:16px;font-weight:500;color:#262626}.content-card .card-body{padding:20px}.data-table .el-table .el-table__header-wrapper th{background:#fafafa;color:#262626;font-weight:500}.data-table .table-actions{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.data-table .pagination-wrapper{margin-top:16px;text-align:right}.form-container{max-width:600px;margin:0 auto}.form-container .form-actions{text-align:center;margin-top:30px}.form-container .form-actions .el-button{margin:0 8px}.status-tag.success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.status-tag.warning{color:#faad14;background:#fffbe6;border-color:#ffe58f}.status-tag.danger{color:#ff4d4f;background:#fff2f0;border-color:#ffccc7}.status-tag.info{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.stat-card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);text-align:center}.stat-card .stat-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.stat-card .stat-icon.primary{background:linear-gradient(135deg,#1890ff,#36cfc9)}.stat-card .stat-icon.success{background:linear-gradient(135deg,#52c41a,#95de64)}.stat-card .stat-icon.warning{background:linear-gradient(135deg,#faad14,#ffd666)}.stat-card .stat-icon.danger{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.stat-card .stat-value{font-size:24px;font-weight:700;color:#262626;margin-bottom:4px}.stat-card .stat-label{color:#8c8c8c;font-size:14px}.login-container{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.login-container .login-form{width:400px;background:#fff;border-radius:8px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.login-container .login-form .login-title{text-align:center;margin-bottom:30px}.login-container .login-form .login-title .title{font-size:24px;font-weight:700;color:#262626;margin-bottom:8px}.login-container .login-form .login-title .subtitle{color:#8c8c8c;font-size:14px}.login-container .login-form .el-form-item{margin-bottom:20px}.login-container .login-form .login-button{width:100%;height:40px}@media(max-width:768px){.layout-container .header{padding:0 16px}.content-card .card-body,.layout-container .main-content{padding:16px}}