*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#667eea;--secondary-color:#764ba2;--success-color:#52c41a;--warning-color:#faad14;--danger-color:#f5222d;--text-color:#333;--text-light:#666;--bg-light:#f0f2f5;--white:#fff;--border-color:#e8e8e8;--sidebar-bg:#304156}body,html{background:var(--bg-light);color:var(--text-color);font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;line-height:1.6}.admin-layout{display:flex;height:100vh}.sidebar{background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;transition:width .3s;width:220px}.sidebar.collapsed{width:64px}.sidebar-header{align-items:center;border-bottom:1px solid #263445;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center}.sidebar-menu{flex:1;padding:16px 0}.menu-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;padding:14px 20px;text-decoration:none;transition:all .3s}.menu-item:hover{background:#263445;color:#fff}.menu-item.active{background:var(--primary-color);color:#fff}.menu-item .icon{font-size:18px;margin-right:12px}.main-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.header{background:#fff;border-bottom:1px solid var(--border-color);height:60px;justify-content:space-between;padding:0 24px}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-right{align-items:center;display:flex;gap:20px}.main-content{flex:1;overflow:auto;padding:24px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.card-header{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:20px}.stats-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;gap:20px;padding:24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:28px;height:64px;justify-content:center;width:64px}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.green{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.stat-icon.orange{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.stat-info .label{color:var(--text-light);font-size:14px;margin-bottom:4px}.stat-info .value{color:var(--text-color);font-size:28px;font-weight:700}.stat-info .trend{color:var(--success-color);font-size:12px;margin-top:4px}.el-table{border-radius:8px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-success{background:var(--success-color);color:#fff}.btn-warning{background:var(--warning-color);color:#fff}.tag{border-radius:4px;display:inline-block;font-size:12px;padding:4px 12px}.tag-success{background:#f6ffed;border:1px solid #b7eb8f;color:var(--success-color)}.tag-warning{background:#fffbe6;border:1px solid #ffe58f;color:var(--warning-color)}.tag-danger{background:#fff2f0;border:1px solid #ffccc7;color:var(--danger-color)}.tag-info{background:#f0f5ff;border:1px solid #adc6ff;color:var(--primary-color)}