:root{--el-color-primary:#2f7652;--el-color-primary-light-3:#61977a;--el-color-primary-light-5:#8ab39a;--el-color-primary-light-7:#b6d0bf;--el-color-primary-light-8:#d0e1d6;--el-color-primary-light-9:#eaf2ed;--el-color-primary-dark-2:#265e42;--el-border-radius-base:8px;--el-font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#17211b;background:#f5f6f2;font-family:var(--el-font-family)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6f2}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 16px;color:#eef7f0;background:#173b2c;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#173b2c;background:#b9e267;font:900 22px Georgia,serif}.brand small,.brand strong,.menu-copy small,.menu-copy span{display:block}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{margin-top:2px;color:#91ad9d;font-size:9px;letter-spacing:.18em}.sidebar-menu{border-right:0!important;background:transparent!important}.sidebar-menu .el-menu-item{height:auto;min-height:54px;margin-bottom:7px;padding:10px 12px!important;border-radius:9px;color:#b8c9bf;line-height:1.3}.sidebar-menu .el-menu-item.is-active,.sidebar-menu .el-menu-item:hover{color:#fff;background:#285440}.sidebar-menu .el-menu-item.is-active{box-shadow:inset 3px 0 #b9e267}.menu-copy small{margin-top:3px;color:#779184;font-size:10px;letter-spacing:.1em}.sidebar-menu .is-active .menu-copy small{color:#a6c6b3}.sidebar-foot{margin-top:auto;padding:16px 10px 0;border-top:1px solid #315442;color:#91ad9d;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b9e267;box-shadow:0 0 0 3px #b9e26722}main{min-width:0;padding:36px 42px 64px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{margin:0 0 4px;color:#819087;font-size:11px;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font:600 31px Georgia,Microsoft YaHei,serif}h2{margin:0 0 5px;font-size:19px}p{color:#748078}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.stats-grid .el-card{border-color:#e1e5df}.stats-grid .el-card__body{padding:21px 22px}.stats-grid .el-statistic__head{color:#7d8981;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stats-grid .el-statistic__number{font:600 30px Georgia,serif;color:#17211b}.stats-grid small{display:block;margin-top:5px;color:#7d8981;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 0 14px}.section-head p{margin:0;font-size:13px}.table-card{border-color:#e0e4df!important}.table-card-body{padding:0!important}.el-table{--el-table-header-bg-color:#fafbf9;--el-table-row-hover-bg-color:#fbfcfa}.el-table th.el-table__cell{color:#718078;font-size:11px;letter-spacing:.04em}.product-cell{min-width:170px;display:flex;align-items:center;gap:11px}.image-placeholder,.product-cell .el-image{width:44px;height:44px;flex:0 0 44px;border-radius:7px;overflow:hidden}.image-placeholder{display:grid;place-items:center;color:#9ba69f;background:#eef1ed;font-size:10px}.muted{color:#89938d}.block{display:block;margin-top:3px;color:#9aa39d}.url-cell{display:inline-flex;max-width:100%}.url-cell .el-link__inner,code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code{max-width:420px;color:#68736c;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1/-1}.image-field{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}.selected-image-preview{width:96px;height:96px;margin-top:10px;border-radius:8px;overflow:hidden}.dialog-alert{margin-bottom:18px}.form-help{width:100%;margin-top:6px;color:#8b958f;font-size:12px}.media-breadcrumb,.media-toolbar{margin-bottom:16px}.media-toolbar{display:flex;gap:8px}.media-grid{min-height:120px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.media-folder,.media-image{cursor:pointer;overflow:hidden}.media-folder .el-card__body{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:10px;color:#315d44}.media-folder strong,.media-image-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-image-body{padding:0!important}.media-image .el-image{display:block;width:100%;aspect-ratio:1;background:#edf1ed}.media-image-meta{padding:10px}.media-image-meta small,.media-image-meta span{display:block}.media-image-meta span{color:#344b3d;font-size:12px;font-weight:700}.media-image-meta small{margin-top:4px;color:#8a958e}.media-more{display:flex;justify-content:center;padding-top:18px}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:16px}.brand{padding-bottom:14px}.sidebar-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sidebar-menu .el-menu-item{justify-content:center;margin:0;text-align:center}.menu-copy small,.sidebar-foot{display:none}main{padding:25px 18px 50px}.stats-grid{grid-template-columns:1fr}}@media(max-width:560px){.sidebar-menu{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.image-field{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}