:root{--ink:#17202e;--muted:#718096;--line:#e8edf4;--surface:#fff;--canvas:#f5f7fb;--primary:#5b5ce2;--primary-soft:#ededff;--success:#12a474;--warning:#ed8a19;--danger:#e05260;--sidebar:#121827}*{box-sizing:border-box}#app,body,html{width:100%;min-width:320px;height:100%;margin:0}body{color:var(--ink);background:var(--canvas);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}.admin-shell{min-height:100vh;background:var(--canvas)}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:232px;flex-direction:column;color:#fff;background:var(--sidebar);transition:width .25s ease}.admin-sidebar.collapsed{width:76px}.brand{display:flex;height:76px;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.brand-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7c6df2,#5b5ce2);box-shadow:0 8px 22px rgba(91,92,226,.35);font-size:19px}.brand-copy{display:flex;min-width:0;flex-direction:column}.brand-copy strong{font-size:17px;letter-spacing:.06em;white-space:nowrap}.brand-copy span{margin-top:3px;color:#7d8aa7;font-size:10px;letter-spacing:.14em}.sidebar-scroll{flex:1;overflow:auto;padding:20px 12px}.menu-group+.menu-group{margin-top:23px}.menu-group-title{margin:0 12px 8px;color:#66718b;font-size:12px;font-weight:600;letter-spacing:.12em}.menu-link{display:flex;height:42px;align-items:center;gap:13px;margin:4px 0;padding:0 13px;color:#aab4ca;border-radius:10px;text-decoration:none;transition:.18s ease}.menu-link i{width:20px;flex:0 0 20px;font-size:18px;text-align:center}.menu-link span{font-size:14px;font-weight:500;white-space:nowrap}.menu-link:hover{color:#fff;background:hsla(0,0%,100%,.06)}.menu-link.router-link-active{color:#fff;background:linear-gradient(90deg,rgba(103,93,226,.98),rgba(91,92,226,.78));box-shadow:0 7px 20px rgba(39,38,125,.35)}.sidebar-footer{display:flex;height:56px;align-items:center;gap:9px;padding:0 25px;color:#7f8ba5;border-top:1px solid hsla(0,0%,100%,.07);font-size:13px;white-space:nowrap}.mock-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#26cf96;box-shadow:0 0 0 4px rgba(38,207,150,.1)}.admin-workspace{min-height:100vh;margin-left:232px;transition:margin-left .25s ease}.admin-workspace.expanded{margin-left:76px}.admin-topbar{position:sticky;top:0;z-index:15;height:76px;justify-content:space-between;padding:0 30px;background:hsla(0,0%,100%,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.admin-profile,.admin-topbar,.breadcrumb-copy,.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-left{gap:18px}.topbar-right{gap:20px}.icon-button{display:grid;width:38px;height:38px;place-items:center;color:#637086;background:#f7f8fb;border:1px solid var(--line);border-radius:10px;cursor:pointer}.icon-button:hover{color:var(--primary);border-color:#d8d8ff}.breadcrumb-copy{gap:8px;color:#9aa5b7;font-size:14px}.breadcrumb-copy i{font-size:10px}.breadcrumb-copy strong{color:#3c4657;font-weight:600}.environment-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:#587068;background:#effaf6;border:1px solid #d8f3e9;border-radius:20px;font-size:13px}.environment-badge i{width:6px;height:6px;background:var(--success);border-radius:50%}.admin-profile{gap:10px;cursor:pointer}.admin-avatar{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:linear-gradient(135deg,#2a3650,#57647f);border-radius:12px;font-weight:700}.admin-copy{display:flex;flex-direction:column;min-width:88px}.admin-copy strong{color:#303a4b;font-size:14px}.admin-copy span{margin-top:2px;color:#98a3b5;font-size:12px}.admin-main{padding:28px 30px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin:4px 0 0;font-size:26px;line-height:1.25;letter-spacing:-.02em}.page-heading p{max-width:660px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.page-eyebrow{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.page-actions{display:flex;gap:10px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(28,39,60,.035)}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.table-wrap{padding:0 20px 20px}.pagination-bar{display:flex;justify-content:flex-end;padding-top:18px}.soft-label{display:inline-flex;align-items:center;padding:5px 10px;border-radius:13px;font-size:12px;font-weight:600}.soft-label.success{color:#0c8a60;background:#e8f8f2}.soft-label.warning{color:#ba6a0c;background:#fff3e4}.soft-label.danger{color:#c54150;background:#fdecef}.soft-label.info{color:#546078;background:#edf0f5}.soft-label.primary{color:#5353ce;background:#ededff}.metric-number{font-variant-numeric:tabular-nums}.empty-copy{color:#9aa5b7}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .15s ease,transform .15s ease}.page-fade-enter,.page-fade-leave-to{opacity:0;transform:translateY(5px)}.el-button--primary{background:var(--primary);border-color:var(--primary)}.el-button--primary:focus,.el-button--primary:hover{background:#6b6ce8;border-color:#6b6ce8}.el-table{color:#3b4657;font-size:14px}.el-table th.el-table__cell{height:48px;color:#788397;background:#fafbfc;font-size:13px;font-weight:600}.el-table td.el-table__cell{padding:14px 0}.el-table:before{display:none}.el-dialog{border-radius:14px;overflow:hidden}.el-dialog__header{padding:22px 24px 16px;border-bottom:1px solid var(--line)}.el-dialog__body{padding:22px 24px}.el-dialog__footer{padding:14px 24px 20px}.el-form-item__label{color:#5e6879;font-size:14px}.admin-main .el-button,.admin-main .el-form-item__content,.admin-main .el-input__inner,.admin-main .el-pagination,.admin-main .el-select-dropdown__item,.admin-main .el-textarea__inner{font-size:14px}.admin-main .el-pager li,.admin-main .el-pagination button{font-size:13px}@media (max-width:900px){.admin-sidebar{width:76px}.admin-sidebar .brand-copy,.admin-sidebar .menu-group-title,.admin-sidebar .menu-link span,.admin-sidebar .sidebar-footer span{display:none}.admin-workspace,.admin-workspace.expanded{margin-left:76px}.admin-topbar{padding:0 18px}.admin-main{padding:22px 18px 40px}.admin-copy,.breadcrumb-copy span,.environment-badge{display:none}}@media (max-width:620px){.admin-sidebar{width:62px}.brand{padding:0 12px}.sidebar-scroll{padding:16px 8px}.menu-link{padding:0 13px}.admin-workspace,.admin-workspace.expanded{margin-left:62px}.page-heading{align-items:flex-start;flex-direction:column}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar .el-input,.filter-bar .el-select{width:100%!important}.el-dialog{width:calc(100vw - 24px)!important;margin-top:4vh!important}.el-dialog__body{max-height:72vh;overflow-y:auto;padding:18px 16px}.el-dialog__footer,.el-dialog__header{padding-right:16px;padding-left:16px}.el-drawer{width:min(92vw,520px)!important}}