:root{font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#1f2937;background:#f3f5f7}*{box-sizing:border-box}body{margin:0;background:#f3f5f7}.admin-bootstrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 76% 12%,rgba(255,151,67,.18),transparent 28%),linear-gradient(135deg,#192b40,#253d56 55%,#5f3c20 140%)}.admin-bootstrap-card{width:min(360px,100%);padding:36px 32px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#ffffff1a;box-shadow:0 26px 72px #06101c47;color:#f8fafc;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-bootstrap-mark{width:48px;height:48px;display:inline-grid;place-items:center;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,#ff9a42,#d76512);box-shadow:0 12px 24px #d4651252;color:#fff;font-size:20px;font-weight:800}.admin-bootstrap-card strong,.admin-bootstrap-card p{display:block}.admin-bootstrap-card strong{font-size:17px}.admin-bootstrap-card p{margin:9px 0 0;color:#f8fafcb8;font-size:13px}.login-screen{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(720px,62vw) minmax(420px,38vw);align-items:stretch;background:#fff7e9;color:#3f2d1f}.login-brand-lockup{position:absolute;top:24px;left:28px;z-index:4;display:flex;align-items:center}.login-brand-lockup img{width:clamp(154px,10vw,190px);height:auto;object-fit:contain;display:block}.login-visual{position:relative;z-index:1;min-height:100vh;background-color:#fff4df;background-image:url(/static/admin/login-left-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.login-form-panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:88px clamp(56px,6vw,108px);background:#fff7e9;border-left:1px solid rgba(154,85,29,.08);overflow:hidden}.login-form-panel:after{content:"";position:absolute;right:0;bottom:-18px;left:0;height:min(22vh,180px);background:url(/static/admin/login-wood-bottom.jpg) center bottom / cover no-repeat;opacity:.62;pointer-events:none}.login-form-panel>*{position:relative;z-index:1}.login-form-title{margin-bottom:26px}.login-form-title span{color:#a65d22;font-size:15px;font-weight:800}.login-form-title h1{margin:8px 0 6px;color:#8a4b1f;font-size:38px;line-height:1.15;letter-spacing:0}.login-form-title p{margin:0;color:#6d5b4b;font-size:14px}.login-form-stack{width:min(450px,100%);display:flex;flex-direction:column;gap:16px}.login-form-stack .el-input__wrapper{min-height:46px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #9a551d24 inset}.login-form-stack .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #f60 inset,0 0 0 3px #ff660014}.captcha-row{display:grid;grid-template-columns:1fr 132px;gap:10px}.captcha-image{height:46px;padding:0;border:1px solid rgba(154,85,29,.18);border-radius:6px;background:#fff0dc;cursor:pointer;overflow:hidden}.captcha-image img{width:100%;height:100%;display:block;object-fit:cover}.captcha-image span{color:#9a551d;font-weight:700}.login-options,.login-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8a6b52;font-size:14px}.login-options button,.login-switch button{padding:0;border:0;background:transparent;color:#c7772c;font:inherit;font-weight:700;cursor:pointer}.login-submit{height:50px;border:0;border-radius:999px;background:#f60;box-shadow:0 12px 22px #ff660038;font-size:16px;font-weight:800}.login-submit:hover,.login-submit:focus{background:#e85d00}@media(max-width:980px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-form-panel{padding:112px 28px 48px;border-left:0}.login-form-stack{width:100%}}.layout{min-height:100vh;background:#f3f5f7}.aside{background:linear-gradient(180deg,#17212b,#101923);color:#fff;border-right:1px solid rgba(255,255,255,.06);box-shadow:10px 0 30px #0f172014}.brand{height:78px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8b541f,#c0823b);color:#fffaf5;font-weight:800;letter-spacing:.5px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{margin-top:3px;color:#aeb8c5;font-size:12px}.menu{border-right:0;background:transparent;padding:14px 12px}.menu-section-label{margin:18px 8px 8px;color:#7d8b9a;font-size:12px;font-weight:700;letter-spacing:1px}.menu .el-menu-item{height:44px;margin:4px 0;border-radius:12px;color:#c8d3df}.menu .el-menu-item:hover{background:#ffffff12;color:#fff}.menu .el-menu-item.is-active{background:linear-gradient(135deg,#8b541ff2,#c0823bf2);color:#fffaf5}.menu-dot{width:7px;height:7px;margin-right:10px;border-radius:999px;background:currentColor;opacity:.75}.header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;border-bottom:1px solid #dfe6ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header h1{margin:0;font-size:22px;color:#17212b}.header p{margin:6px 0 0;color:#718096;font-size:13px}.userbar{display:flex;align-items:center;gap:12px;color:#334155}.main{padding:26px 28px 32px}.dashboard-page{display:flex;flex-direction:column;gap:18px}.dashboard-hero{min-height:150px;padding:28px 30px;border-radius:24px;background:radial-gradient(circle at 86% 20%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#1f3246,#8b541f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 20px 50px #1f32462e}.hero-eyebrow{margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:1.6px;color:#ffffffb8}.dashboard-hero h2{margin:0;font-size:30px;letter-spacing:.5px}.dashboard-hero p{max-width:620px;margin:10px 0 0;color:#ffffffc7;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;margin-bottom:16px}.metrics-business{grid-template-columns:repeat(6,minmax(120px,1fr));margin-bottom:0}.metric{min-height:116px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 14px 34px #1f29370d}.metric-primary{border-color:#c0823b59;background:linear-gradient(180deg,#fffaf5,#fff)}.metric span{display:block;color:#667085;font-size:13px;font-weight:700}.metric strong{display:block;margin-top:10px;color:#17212b;font-size:30px;line-height:1.1}.metric small{display:block;margin-top:10px;color:#8b949e;font-size:12px;line-height:1.4}.grid-two,.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.panel-card,.el-card{border-radius:18px;border-color:#e2e8f0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:800}.product-cell{display:flex;align-items:center;gap:10px}.product-cell strong,.product-cell span{display:block}.product-cell strong{color:#17212b}.product-cell span{margin-top:2px;color:#8b949e;font-size:12px}.mini-thumb,.table-thumb{width:42px;height:42px;border-radius:10px;background:#f1f5f9;object-fit:cover;overflow:hidden}.mini-placeholder{display:grid;place-items:center;color:#8a5523;font-size:16px;font-weight:800}.quick-card{min-height:100%}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-actions button{min-height:86px;padding:16px;border:1px solid #eadfce;border-radius:16px;background:#fffaf5;color:#17212b;text-align:left;cursor:pointer;transition:all .18s ease}.quick-actions button:hover{transform:translateY(-2px);border-color:#c0823b;box-shadow:0 12px 30px #c0823b29}.quick-actions strong,.quick-actions span{display:block}.quick-actions strong{font-size:15px}.quick-actions span{margin-top:6px;color:#8b949e;font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar-wide{align-items:center}.toolbar .el-input{max-width:360px}.toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.status-select{max-width:180px}.el-select{width:100%}.muted{color:#8b949e;font-size:13px}.dialog-subtitle{margin:4px 0 0;color:#8b949e;font-size:13px}.dialog-toolbar,.import-actions{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.import-panel{display:flex;flex-direction:column;gap:14px}.import-card{border-radius:16px}.import-result{display:flex;flex-direction:column;gap:14px}.import-summary,.import-summary-wide{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.summary-chip{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.summary-chip span,.summary-chip strong{display:block}.summary-chip span{color:#8b949e;font-size:12px}.summary-chip strong{margin-top:6px;color:#17212b}.summary-code{font-size:12px;word-break:break-all}.import-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.native-file-input{max-width:260px}.import-tip{margin:10px 0 0}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.order-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.order-detail-line{margin:8px 0;color:#475569}.link-text{color:#2563eb;text-decoration:none}@media(max-width:1280px){.metrics-business{grid-template-columns:repeat(3,minmax(160px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:980px){.aside{width:196px!important}.metrics,.metrics-business,.grid-two,.dashboard-grid,.import-summary,.import-summary-wide{grid-template-columns:1fr}.header{height:auto;min-height:72px;align-items:flex-start;padding-top:14px;padding-bottom:14px}.dashboard-hero{align-items:flex-start;flex-direction:column}.hero-actions{flex-wrap:wrap}}.admin-shell{min-height:100vh}.admin-aside{display:flex;flex-direction:column;color:#fff;background:#172538}.admin-aside .el-scrollbar{min-height:0;flex:1}.brand{height:72px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{border-radius:8px}.menu-group-title{padding:14px 18px 6px;color:#ffffff6b;font-size:11px;font-weight:700;letter-spacing:.08em}.admin-menu{border-right:0;background:transparent;padding:0 10px 4px}.admin-menu .el-menu-item{height:40px;margin:2px 0;border-radius:8px;color:#ffffffc7;line-height:40px}.admin-menu .el-menu-item .el-icon{width:18px;margin-right:9px;font-size:16px}.admin-menu .el-menu-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-menu .el-menu-item.is-active,.admin-menu .el-menu-item:hover{color:#fff;background:#ffffff1c}.admin-menu .el-menu-item.is-active{box-shadow:inset 3px 0 #ff8a2a}.admin-header{height:auto;padding:22px 28px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fff;border-bottom:1px solid #e5e7eb}.admin-header h1{margin:0;color:#172538;font-size:22px}.admin-header p{margin:8px 0 0;color:#667085}.admin-main{padding:22px;background:#f6f7f9}.page-stack,.detail-stack{display:flex;flex-direction:column;gap:16px}.filter-bar,.action-row,.dialog-toolbar,.userbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-menu-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:54px;height:40px;padding:3px 6px 3px 3px;line-height:1;cursor:pointer;color:#334155;border:1px solid transparent;border-radius:18px;background:transparent}.account-menu-trigger:hover{color:#b84f16;background:#fff2e8}.account-menu-avatar{flex:0 0 34px;width:34px!important;height:34px!important;color:#a84d1d;background:#ffe3cc;font-size:12px;font-weight:800}.account-menu-avatar>span,.sidebar-account-avatar>span,.account-popover-avatar>span,.account-center .account-avatar>span,.account-center .avatar-preview>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;line-height:1}.account-menu-trigger .el-icon{display:inline-flex;flex:0 0 auto;margin-left:6px;font-size:12px}.sidebar-account-entry{display:flex;align-items:center;width:calc(100% - 20px);gap:10px;margin:10px;padding:10px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#ffffff0e;transition:border-color .18s ease,background .18s ease}.sidebar-account-entry:hover{border-color:#ffb47473;background:#ff8a2a1f}.sidebar-account-avatar{flex:0 0 auto;color:#a84d1d;background:#ffe3cc;font-size:14px;font-weight:800}.sidebar-account-copy{min-width:0;flex:1}.sidebar-account-copy strong,.sidebar-account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-copy strong{font-size:13px}.sidebar-account-copy small{margin-top:3px;color:#ffffff80;font-size:11px}.sidebar-account-entry>.el-icon{color:#ffffff80;font-size:12px}.account-header-popover.el-popover{padding:0;overflow:hidden;border:1px solid #e8e1d9;border-radius:14px;box-shadow:0 16px 38px #1f293729}.account-popover-card{padding:16px;background:#fff}.account-popover-user{display:flex;align-items:center;gap:12px;min-height:54px;padding:2px 2px 14px}.account-popover-avatar{flex:0 0 52px;width:52px!important;height:52px!important;color:#a84d1d;background:#ffe3cc;font-weight:800}.account-popover-copy{min-width:0;flex:1}.account-popover-copy strong,.account-popover-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover-copy strong{color:#334155;font-size:15px}.account-popover-copy span{margin-top:4px;color:#8a94a2;font-size:12px}.account-popover-divider{height:1px;margin:0 -16px;background:#e9edf1}.account-popover-action{display:flex;align-items:center;width:100%;gap:12px;padding:17px 2px;cursor:pointer;color:#5e6875;font-size:15px;text-align:left;border:0;background:transparent}.account-popover-action:hover{color:#c25b21}.account-popover-action .el-icon{font-size:18px}.account-popover-logout{width:100%;margin-top:16px;padding:8px 12px;cursor:pointer;color:#5c6570;font-size:14px;border:1px solid #d6dbe1;border-radius:8px;background:#fff}.account-popover-logout:hover{color:#b64d1c;border-color:#efcbb8;background:#fff7f2}.content-grid{display:grid;gap:16px}.content-grid.two,.form-grid.two,.switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-header,.pager-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pager-row{justify-content:flex-end;padding-top:14px}.form-grid{display:grid;gap:0 16px}.table-card,.table-card.el-card{border-radius:8px}.table-thumb{width:52px;height:52px;border-radius:6px;background:#f2f4f7}.banner-thumb{width:148px;height:72px;border-radius:6px;background:#f2f4f7}.native-file-input{max-width:280px}.drag-handle{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:6px;color:#667085;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#8a5523;background:#fff7ed}.drag-handle:active{cursor:grabbing}.drag-handle.is-disabled{color:#c0c7d0;cursor:default}.drag-handle.is-disabled:hover{background:transparent}.category-name-cell{min-height:32px;display:flex;align-items:center;gap:8px}.category-name-cell strong{color:#17212b;font-weight:700}.tree-guide{width:16px;height:16px;border-left:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.category-order-controls{display:inline-flex;align-items:center;gap:2px}.category-order-controls .el-button{color:#475569}.category-order-controls .el-button:not(.is-disabled):hover{color:#8a5523;background:#fff7ed}@media(max-width:1180px){.content-grid.two,.form-grid.two,.switch-grid{grid-template-columns:1fr}}