html,body{height:100%;margin:0;padding:0}.el-card{transition:all .3s;border:none!important;border-radius:12px!important;box-shadow:0 2px 16px #f472b614!important}.el-card:hover{box-shadow:0 4px 28px #f472b626!important}.el-card .el-card__header{color:#5a3548;background:#fff5f9;border-bottom:1px solid #fce7f3;border-radius:12px 12px 0 0;padding:16px 24px;font-weight:600}.el-card .el-card__body{padding:24px}.el-button--primary{color:#fff!important;background:#f472b6!important;border-color:#f472b6!important}.el-button--primary:hover{box-shadow:0 4px 16px #f472b659;color:#fff!important;background:#db2777!important;border-color:#db2777!important}.el-button--success{color:#fff!important;background:#f472b6!important;border-color:#f472b6!important}.el-button--warning{color:#fff!important;background:#fbbf24!important;border-color:#fbbf24!important}.el-button--danger{color:#fff!important;background:#f472b6!important;border-color:#f472b6!important}.el-button.is-text{color:#db2777!important;background:0 0!important;border:none!important}.el-button.is-text:hover{color:#be185d!important;background:#f472b614!important}.el-button--danger.is-text{color:#e85577!important}.el-button--danger.is-text:hover{color:#c0392b!important;background:#e8557714!important}.el-button--success.is-text{color:#f472b6!important}.el-button--success.is-text:hover{color:#db2777!important}.el-table{border-radius:8px;overflow:hidden}.el-table .el-table__header th{color:#7a4d62;font-weight:600;background:#fff5f9!important;border-bottom:2px solid #fce7f3!important}.el-table .el-table__row:hover{background:#f472b60a!important}.el-tag{border:none;border-radius:6px;font-weight:500}.el-tag--primary,.el-tag--success{color:#db2777;background:#f472b61f}.el-tag--warning{color:#b8860b;background:#fbbf2426}.el-tag--info{color:#c991a8;background:#fdf2f8}.el-input .el-input__wrapper{border-radius:8px;box-shadow:0 0 0 1px #fce7f3}.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px #fbcfe8}.el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 2px #f472b633}.el-pagination .el-pager li.is-active{color:#fff;background:#f472b6}.el-pagination .el-pager li:hover:not(.is-active){color:#f472b6}.el-dialog{border-radius:16px}.el-dialog .el-dialog__header{background:#fff5f9;border-bottom:1px solid #fce7f3;border-radius:16px 16px 0 0;padding:20px 24px 16px}.el-dialog .el-dialog__footer{border-top:1px solid #fce7f3;padding:16px 24px 24px}.el-switch.is-checked .el-switch__core{background-color:#f472b6!important;border-color:#f472b6!important}.el-progress-bar__inner{border-radius:10px;background:linear-gradient(135deg,#f472b6 0%,#f9a8d4 100%)!important}.el-message{border-radius:12px;box-shadow:0 4px 28px #f472b626}.card-header{justify-content:space-between;align-items:center;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.pagination{justify-content:flex-end;margin-top:20px;display:flex}.stat-card .stat-content{align-items:center;display:flex}.stat-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-right:16px;display:flex}.stat-value{color:#5a3548;font-size:24px;font-weight:700}.stat-label{color:#c991a8;margin-top:2px;font-size:13px}.stat-trend{color:#c991a8;align-items:center;gap:2px;margin-top:4px;font-size:12px;display:flex}.stat-trend .up{color:#f472b6}.stat-trend .down{color:#db2777}.user-cell{align-items:center;gap:10px;display:flex}.chart-container{height:280px}.chart-header,.table-header{justify-content:space-between;align-items:center;display:flex}.layout-container{height:100vh}.layout-container .sidebar{background:#2d1b2a;transition:width .3s;overflow:hidden}.layout-container .sidebar .logo{border-bottom:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;height:72px;padding:0 16px;display:flex}.layout-container .sidebar .logo .logo-text{background:linear-gradient(135deg,#f472b6 0%,#f9a8d4 100%);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;font-size:20px;font-weight:700}.layout-container .sidebar .logo .logo-text-mini{font-size:28px}.layout-container .sidebar .logo .logo-sub{color:#ffffff59;letter-spacing:2px;margin-top:2px;font-size:11px}.layout-container .sidebar .logo.collapsed .logo-text,.layout-container .sidebar .logo.collapsed .logo-sub{display:none}.layout-container .sidebar .logo.collapsed .logo-text-mini{display:block}.layout-container .sidebar :deep(.el-menu){border:none;padding:8px 0}.layout-container .sidebar :deep(.el-menu) .el-menu-item{border-radius:10px;height:48px;margin:2px 12px;line-height:48px;transition:all .2s}.layout-container .sidebar :deep(.el-menu) .el-sub-menu .el-sub-menu__title{border-radius:10px;height:48px;margin:2px 12px;line-height:48px;transition:all .2s}.layout-container .sidebar :deep(.el-menu) .el-menu-item:hover{background:#f472b61f!important}.layout-container .sidebar :deep(.el-menu) .el-sub-menu .el-sub-menu__title:hover{background:#f472b61f!important}.layout-container .sidebar :deep(.el-menu) .el-menu-item.is-active{color:#f9a8d4!important;background:#f472b62e!important}.layout-container .header{background:#fff;border-bottom:1px solid #fce7f3;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.layout-container .header .header-left{align-items:center;gap:16px;display:flex}.layout-container .header .header-left .collapse-btn{color:#c991a8;font-size:18px}.layout-container .header .header-left .collapse-btn:hover{color:#f472b6}.layout-container .header .header-left :deep(.el-breadcrumb) .el-breadcrumb__item .el-breadcrumb__inner{color:#c991a8}.layout-container .header .header-left :deep(.el-breadcrumb) .el-breadcrumb__item .el-breadcrumb__inner:hover{color:#f472b6}.layout-container .header .header-left :deep(.el-breadcrumb) .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#5a3548;font-weight:600}.layout-container .header .header-right{align-items:center;gap:20px;display:flex}.layout-container .header .header-right .notification-badge{cursor:pointer}.layout-container .header .header-right .notification-badge :deep(.el-button){color:#c991a8}.layout-container .header .header-right .notification-badge :deep(.el-button):hover{color:#f472b6}.layout-container .header .header-right .user-info{cursor:pointer;border-radius:24px;align-items:center;gap:10px;padding:4px 12px 4px 4px;transition:background .2s;display:flex}.layout-container .header .header-right .user-info:hover{background:#fdf2f8}.layout-container .header .header-right .user-info .user-name{color:#7a4d62;font-size:14px;font-weight:500}.layout-container .main-content{background:#fff5f9;padding:24px;overflow-y:auto}.login-container{background:linear-gradient(135deg,#2d1b2a 0%,#4a2a40 50%,#2d1b2a 100%);justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-wrapper{background:#fff;border-radius:20px;width:960px;max-width:100%;min-height:560px;display:flex;overflow:hidden;box-shadow:0 20px 60px #2d1b2a66}.login-left{color:#fff;background:linear-gradient(135deg,#f472b6 0%,#f9a8d4 100%);flex-direction:column;flex:1;justify-content:center;padding:48px 36px;display:flex}.login-left .brand{text-align:center;margin-bottom:32px}.login-left .brand .brand-icon{margin-bottom:12px;font-size:48px;display:block}.login-left .brand h1{letter-spacing:2px;margin:0;font-size:32px;font-weight:700}.login-left .brand p{opacity:.85;letter-spacing:3px;margin-top:8px;font-size:14px}.login-left .brand-features{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.login-left .brand-features .feature-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border-radius:12px;align-items:center;gap:14px;padding:12px 20px;font-size:14px;display:flex}.login-left .brand-features .feature-item .feature-icon{font-size:20px}.login-left .brand-bottom{text-align:center;opacity:.7;letter-spacing:2px;font-size:13px}.login-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-right .login-box{width:100%;max-width:340px}.login-right .login-box .login-header{margin-bottom:32px}.login-right .login-box .login-header h2{color:#5a3548;margin:0 0 4px;font-size:24px;font-weight:700}.login-right .login-box .login-header p{color:#c991a8;margin:0;font-size:14px}.login-right .login-box :deep(.el-form-item .el-input__wrapper){border-radius:10px;height:44px;box-shadow:0 0 0 1px #fce7f3}.login-right .login-box :deep(.el-form-item .el-input__wrapper):hover{box-shadow:0 0 0 1px #fbcfe8}.login-right .login-box :deep(.el-form-item .el-input__wrapper).is-focus{box-shadow:0 0 0 2px #f472b633}.login-right .login-box .login-btn{letter-spacing:2px;border-radius:10px;width:100%;height:44px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#f472b6 0%,#f9a8d4 100%)!important;border:none!important}.login-right .login-box .login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f472b659;background:linear-gradient(135deg,#db2777 0%,#f472b6 100%)!important}.login-right .login-box .login-footer{text-align:center;color:#e8b4c8;margin-top:16px;font-size:12px}@media (width<=768px){.login-wrapper{flex-direction:column;min-height:auto}.login-left{padding:28px 20px}.login-left .brand-features,.login-left .brand-bottom{display:none}.login-right{padding:28px 20px}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff5f9;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fdf2f8;border-radius:3px}::-webkit-scrollbar-thumb{background:#fbcfe8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f9a8d4}