:root{--ink:#10213b;--muted:#718096;--line:#e7edf5;--bg:#f5f8fc;--blue:#2478ff;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}main{margin:0 auto;padding:28px 34px 45px;max-width:1900px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:0 0 5px;font-size:27px}header p,.section-head p{margin:0;color:var(--muted);font-size:13px}.updated{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis article{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 14px #1736530a}.kpis article.accent{background:linear-gradient(135deg,#1779ff,#2a64df);color:#fff}.kpis span{display:block;color:var(--muted);font-size:13px}.kpis .accent span,.kpis .accent small{color:#dbeafe}.kpis strong{display:block;margin:9px 0 5px;font-size:30px;font-variant-numeric:tabular-nums}.kpis small{color:#9aa8bb;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff}.periods,.filters{display:flex;gap:8px}.periods button,.pagination button{padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#54657b;cursor:pointer}.periods button.active{border-color:#b9d7ff;background:#e9f3ff;color:var(--blue);font-weight:700}.filters input,.filters select{height:36px;padding:0 11px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#3c4c63;outline:none}.filters input{width:230px}.filters input:focus{border-color:#77aefa;box-shadow:0 0 0 3px #2478ff15}.section-head{display:flex;justify-content:space-between;margin:22px 1px 12px}.section-head h2{margin:0 0 4px;font-size:19px}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px}.product{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 12px #1e365508}.product:hover{border-color:#bfd5f3}.card-detail-area{min-width:0;cursor:pointer}.cover{position:relative;overflow:hidden;aspect-ratio:4/3;background:#edf2f7}.cover img{width:100%;height:100%;object-fit:cover}.rank{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:7px;background:#10213bd9;color:#fff;font-size:11px}.trend{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:8px;background:#fff;color:#ef4444;font-weight:800;box-shadow:0 3px 12px #0002}.product-body{padding:14px 15px 10px}.product h3{display:-webkit-box;min-height:67px;max-height:67px;margin:0 0 10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.shop-name{overflow:hidden;color:#405570;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.store-meta,.detail-store-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.store-meta span,.detail-store-meta span{max-width:100%;padding:4px 7px;border-radius:6px;background:#f3f7fc;color:#66778d;font-size:11px;overflow-wrap:anywhere}.numbers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #eef2f7;font-variant-numeric:tabular-nums}.numbers span{color:#8b99ad;font-size:11px}.numbers b{display:block;margin-top:3px;color:#152a48;font-size:17px}.numbers div:last-child{text-align:right}.numbers div:last-child b{color:#ef4444}.monitor-count{margin-top:8px;color:#8a99ac;font-size:11px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;margin-top:auto;padding:10px 15px 12px;border-top:1px solid #eef2f7;background:#fbfdff}.price{min-width:0;color:#ef4d4d;font-size:13px;font-weight:700;overflow-wrap:anywhere}.price small{display:block;margin-top:2px}.publish-button{flex:0 0 auto;padding:8px 10px;border:1px solid #bcd6ff;border-radius:9px;background:#edf5ff;color:#1d68d5;font-weight:700;white-space:nowrap;cursor:pointer}.publish-button b{display:inline-grid;min-width:20px;height:20px;place-items:center;margin-left:4px;border-radius:10px;background:#2478ff;color:#fff;font-size:11px}.publish-button:hover,.publish-button.added{background:#2478ff;color:#fff}.publish-button:disabled{opacity:.65;cursor:wait}.empty{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #cbd6e5;border-radius:13px;background:#fff;color:#75869b}.empty b{color:#33465f}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:18px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{margin:0 8px;color:#68788e;font-size:13px}dialog{width:min(980px,90vw);max-height:90vh;padding:0;border:0;border-radius:17px;color:var(--ink);box-shadow:0 28px 90px #07132366;overscroll-behavior:contain}dialog::backdrop{background:#07132399}.close{position:absolute;z-index:2;top:13px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:#edf2f7;color:#536278;font-size:24px;cursor:pointer}.detail{padding:27px}.detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px}.detail-hero>img{width:180px;height:180px;border-radius:12px;background:#edf2f7;object-fit:cover}.detail-hero h2{margin:5px 45px 8px 0;font-size:21px;line-height:1.5;overflow-wrap:anywhere}.detail-meta{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.detail-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.detail-kpis div{min-width:0;padding:12px;border-radius:10px;background:#f5f8fc}.detail-kpis span{display:block;color:#8290a3;font-size:11px}.detail-kpis b{display:block;margin-top:5px;font-size:20px;overflow-wrap:anywhere}.detail-publish{margin-top:12px}.chart-block{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.chart-block h3,.details-grid h3{margin:0 0 12px;font-size:15px}.chart{height:260px;padding:12px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(#f8fbff,#fff)}.chart svg{width:100%;height:100%}.chart-label{fill:#8796a9;font-size:10px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.details-grid section{max-height:240px;padding:14px;overflow:auto;border:1px solid var(--line);border-radius:11px}.tag{display:inline-block;margin:3px;padding:4px 7px;border-radius:6px;background:#edf5ff;color:#37608f;font-size:11px}.sku-table{width:100%;border-collapse:collapse;font-size:12px}.sku-table td,.sku-table th{padding:7px;border-bottom:1px solid #edf1f6;text-align:left}.detail-images{display:flex;gap:7px;overflow:auto}.detail-images img{width:90px;height:90px;border-radius:8px;object-fit:cover}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}}@media(max-width:760px){main{padding:16px}.kpis{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters input{width:100%}.detail-hero{grid-template-columns:1fr}.detail-hero>img{width:140px;height:140px}.detail-kpis,.details-grid{grid-template-columns:1fr}.products{grid-template-columns:1fr}}
/* Account warehouse brand */
.warehouse-brand{display:flex;align-items:center;gap:14px}.warehouse-brand>img{width:62px;height:62px;border-radius:16px;object-fit:contain;background:linear-gradient(145deg,#46cbe1,#079cc8);box-shadow:0 8px 22px #079cc844}