:root{--sidebar-width:220px;--sidebar-collapsed-width:64px;--header-height:56px;--primary-color:#409eff;--bg-color:#f0f2f5;--sidebar-bg:#1d1e1f;--sidebar-text:#bfcbd9;--sidebar-active-bg:#409eff}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-font-smoothing:antialiased;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);flex-shrink:0;height:100vh;transition:width .3s;overflow:hidden}.admin-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.admin-sidebar .logo-container{height:var(--header-height);border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;padding:0 16px;display:flex}.admin-sidebar .logo-container .logo-text{color:#fff;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.admin-sidebar .el-menu{background:0 0;border-right:none}.admin-main{background:var(--bg-color);flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-header{height:var(--header-height);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 1px 4px #00000014}.admin-header .header-left{align-items:center;gap:12px;display:flex}.admin-header .header-left .collapse-btn{cursor:pointer;color:#606266;font-size:20px;transition:color .3s}.admin-header .header-left .collapse-btn:hover{color:var(--primary-color)}.admin-header .header-left .breadcrumb{font-size:14px}.admin-header .header-right{align-items:center;gap:16px;display:flex}.admin-content{flex:1;padding:20px;overflow-y:auto}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-cards .stat-card{background:#fff;border-radius:8px;align-items:center;gap:20px;padding:24px;transition:box-shadow .3s;display:flex;box-shadow:0 2px 12px #0000000a}.stat-cards .stat-card:hover{box-shadow:0 4px 16px #00000014}.stat-cards .stat-card .stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.stat-cards .stat-card .stat-icon.blue{background:linear-gradient(135deg,#409eff,#53a8ff)}.stat-cards .stat-card .stat-icon.green{background:linear-gradient(135deg,#67c23a,#85ce61)}.stat-cards .stat-card .stat-icon.orange{background:linear-gradient(135deg,#e6a23c,#ebb563)}.stat-cards .stat-card .stat-icon.red{background:linear-gradient(135deg,#f56c6c,#f78989)}.stat-cards .stat-card .stat-icon.purple{background:linear-gradient(135deg,#9b59b6,#b07cc6)}.stat-cards .stat-card .stat-info .stat-label{color:#909399;margin-bottom:4px;font-size:13px}.stat-cards .stat-card .stat-info .stat-value{color:#303133;font-size:28px;font-weight:700}.page-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000a}.page-card .card-header{border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.page-card .card-header .card-title{color:#303133;font-size:16px;font-weight:600}.page-card .card-body{padding:24px}.el-table{--el-table-border-color:#ebeef5}.status-badge{border-radius:12px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active{color:#67c23a;background:#f0f9eb}.status-badge.inactive{color:#f56c6c;background:#fef0f0}.status-badge.pending{color:#e6a23c;background:#fdf6ec}.status-badge.success{color:#67c23a;background:#f0f9eb}.status-badge.failed{color:#f56c6c;background:#fef0f0}.form-container{max-width:800px;margin:0 auto}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .toolbar-left{align-items:center;gap:12px;display:flex}.capsule-btn{border-radius:20px}.notice-editor-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.notice-editor-btns.el-button,.notice-editor-btns .el-button,div.notice-editor-btns .el-button{color:#fff!important;background:#252525!important;border-color:#3e3e3e!important;border-radius:20px!important}.notice-editor-btns .el-button:hover{color:#fff!important;background:#3a3a3a!important;border-color:#4a4a4a!important}.notice-editor-btns .el-button--warning{color:#fff!important;background:#e6a23c!important;border-color:#e6a23c!important}