:root{--ink:#18233d;--muted:#7f8aa3;--line:#e9edf4;--canvas:#f6f8fc;--card:#fff;--navy:#131d37;--accent:#4f6df5;--violet:#8868e9;--mint:#21b78e;--amber:#f5a524;--rose:#ee6b78;--shadow:0 12px 32px rgba(28,42,78,.06)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,"Microsoft YaHei",Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#eaf0ff;padding:25px 14px 18px;display:flex;flex-direction:column;z-index:5}.brand{color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px;padding:0 10px 27px}.brand>span:last-child span{color:#8198ff}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7790ff,#a879f8);box-shadow:0 6px 18px #657ce966}.workspace{margin:0 5px 25px;padding:12px;background:#202d4c;border:1px solid #2d3b5d;border-radius:12px;display:flex;gap:9px;align-items:center}.workspace small,.side-bottom small{display:block;color:#96a2c1;font-size:11px}.workspace strong{font-size:12px;display:block;color:#fff;white-space:nowrap}.workspace button{border:0;background:transparent;color:#b9c5e2;margin-left:auto;font-size:18px}.workspace-dot{width:8px;height:8px;background:#42d9a8;border-radius:50%;box-shadow:0 0 0 4px #42d9a81c}.main-nav{overflow-y:auto}.main-nav p{font-size:10px;font-weight:700;color:#8491b0;letter-spacing:.9px;margin:18px 11px 7px;text-transform:uppercase}.nav-item{border:0;background:transparent;color:#b8c2dd;border-radius:9px;width:100%;text-align:left;padding:10px 11px;margin:1px 0;font:600 13px inherit;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.18s}.nav-item i{font-style:normal;font-size:17px;width:17px;text-align:center;color:#9eadd4}.nav-item:hover{background:#202d4b;color:white}.nav-item.active{background:linear-gradient(90deg,#536ff4,#697ee9);color:white;box-shadow:0 7px 16px #02091a3d}.nav-item.active i{color:white}.nav-badge{margin-left:auto;background:#f1b44c;color:#3e2e10;padding:1px 7px;border-radius:99px;font-size:10px}.side-bottom{margin:12px 5px 0;padding:12px 8px;border-top:1px solid #2a3656;display:flex;gap:9px;align-items:center;font-size:12px}.side-bottom strong{display:block;color:#fff}.support-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#2d3b5d;color:#b8c6f0;font-weight:800}.main-content{margin-left:252px;width:calc(100% - 252px);padding:0 38px 50px}.topbar{height:112px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:12px;color:#929db2;margin-bottom:5px}.topbar h1{font-size:25px;letter-spacing:-.6px;margin:0;font-weight:750}.top-actions{display:flex;gap:11px;align-items:center}.icon-button,.help-button,.avatar{border:1px solid var(--line);background:white;height:38px;border-radius:10px;color:#536078;cursor:pointer}.icon-button{width:39px;font-size:18px;position:relative}.icon-button span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rose);top:9px;right:10px}.help-button{padding:0 13px;font-weight:600}.avatar{width:38px;border:0;background:linear-gradient(140deg,#8c7cf3,#4c6cf2);color:white;font-weight:800}.view{animation:in .28s ease}@keyframes in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{background:radial-gradient(circle at 75% 20%,#6d82ef 0,#415bcf 30%,#202f6a 80%);border-radius:19px;padding:27px 31px;color:#fff;position:relative;overflow:hidden;min-height:186px;box-shadow:0 15px 26px #3e55a02b}.hero:after{content:"";position:absolute;width:310px;height:310px;border:55px solid #94a4ff1f;border-radius:50%;right:-80px;top:-175px}.hero h2{font-size:22px;margin:0 0 7px}.hero p{margin:0;color:#dbe2ff;max-width:560px}.hero .button{position:absolute;right:29px;bottom:26px;z-index:1}.button{border:0;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 6px 14px #4664d539}.button.white{background:#fff;color:#334bb8;box-shadow:none}.button.ghost{background:#f0f3ff;color:#4963d7;box-shadow:none}.button.small{padding:7px 11px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:17px 18px;position:relative}.stat-card .label{color:var(--muted);font-weight:600;font-size:12px}.stat-card h3{margin:7px 0 3px;font-size:25px;letter-spacing:-.5px}.stat-card .trend{font-size:11px;color:var(--mint);font-weight:700}.stat-card .trend.down{color:var(--rose)}.stat-symbol{position:absolute;right:16px;top:17px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:16px}.purple{background:#f0edff;color:#795ee4}.green{background:#e4faf3;color:#16ac83}.orange{background:#fff5df;color:#e7a124}.pink{background:#ffebef;color:#e96275}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{padding:19px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-title h3{margin:0;font-size:15px}.panel-title a{color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.flow{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 2px}.flow-step{text-align:center;min-width:70px}.flow-step b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#f1f4fa;color:#74809d;font-size:13px}.flow-step.active b{background:#e9edff;color:var(--accent)}.flow-step.done b{background:#e1f8f0;color:var(--mint)}.flow-step small{font-size:11px;color:#76819a;white-space:nowrap}.flow-line{height:1px;background:#e6eaf1;flex:1;margin-top:-21px}.insight{background:linear-gradient(135deg,#fbf8ff,#f3f6ff);border:1px solid #e9e4ff;border-radius:12px;padding:15px;margin-top:17px;display:flex;gap:12px}.insight-icon{width:29px;height:29px;border-radius:8px;background:#e9e4ff;color:#745ddb;display:grid;place-items:center}.insight strong{display:block;font-size:13px}.insight p{margin:3px 0 0;color:#77829a;font-size:12px}.queue{display:flex;flex-direction:column;gap:13px}.queue-row{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:10px}.queue-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:14px}.queue-row strong{font-size:13px;display:block}.queue-row small{color:#8a94aa;font-size:11px}.queue-row b{font-size:16px}.progress{height:6px;background:#edf0f6;border-radius:5px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5d78f4,#8a6eee);border-radius:inherit}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:18px 19px 12px;display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.select,.search{height:35px;border:1px solid #e5eaf2;background:#fff;border-radius:8px;color:#69758d;padding:0 10px;font:12px inherit}.search{width:235px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{background:#f7f9fc;color:#8994aa;text-align:left;font-weight:600;padding:11px 18px;white-space:nowrap}.data-table td{border-top:1px solid #eef1f5;padding:13px 18px;vertical-align:middle}.data-table tr:hover td{background:#fbfcff}.data-table strong{font-size:12px}.data-table small{display:block;color:#98a1b3;margin-top:2px}.tag{display:inline-flex;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:700}.tag.blue{background:#e9eeff;color:#4863d8}.tag.green{background:#e4f8ef;color:#159670}.tag.orange{background:#fff2db;color:#d38c16}.tag.gray{background:#eff2f6;color:#79849a}.table-link{color:#4a66de;font-weight:700;cursor:pointer}.toolbar-title{font-size:17px;margin:0}.subline{color:#8e98ab;font-size:12px;margin-top:3px}.page-actions{display:flex;gap:9px;align-items:center}.toolbar-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:17px}.metric-mini{display:flex;gap:10px;align-items:center}.metric-mini b{font-size:20px}.member-grid{display:grid;grid-template-columns:1.1fr 1.3fr;gap:18px}.tier-card{background:linear-gradient(140deg,#212f58,#3c56a3);min-height:250px;color:white;border-radius:15px;padding:23px;position:relative;overflow:hidden}.tier-card:after{content:"";position:absolute;width:220px;height:220px;border:40px solid #b3c2ff18;border-radius:50%;right:-96px;top:-95px}.tier-badge{display:inline-flex;gap:5px;background:#f4c661;color:#463712;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800}.tier-card h2{margin:18px 0 4px;font-size:23px}.tier-card p{color:#ced7fd;font-size:12px;margin:0}.credit{margin-top:25px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff27;padding-top:12px}.credit b{font-size:26px}.tier-list{padding:5px 0}.tier-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.tier-row:last-child{border:0}.tier-dot{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:11px}.tier-row b{font-size:13px}.tier-row span{font-size:11px;color:#8590a6}.label-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px}.paper{background:#fff;border:1px dashed #c8d0df;border-radius:11px;padding:16px;min-height:270px;position:relative}.paper .label-head{display:flex;justify-content:space-between;font-weight:800;font-size:18px;border-bottom:1px solid #e1e5ec;padding-bottom:8px}.bar{height:34px;margin:13px 0;background:repeating-linear-gradient(90deg,#18233d 0 2px,transparent 2px 5px,#18233d 5px 6px,transparent 6px 10px)}.paper .r-box{position:absolute;right:17px;top:73px;font-size:42px;font-weight:900}.paper p{font-size:11px;margin:5px 0}.paper .quiet{position:absolute;left:16px;right:16px;bottom:13px;border:1px solid #dce3f2;background:#f5f7ff;border-radius:7px;padding:8px;color:#344dca;font-size:11px}.aux-label{background:#1c2a4b;color:white;border-radius:11px;padding:18px;min-height:270px}.aux-label .cn-name{font-size:25px;font-weight:800;margin:22px 0 10px}.aux-label .sku{font-family:monospace;background:#ffffff16;padding:8px;border-radius:5px;font-size:13px}.aux-label .code{height:45px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 7px,transparent 7px 10px);margin:18px 0}.label-options{display:flex;gap:10px;margin-top:17px}.check{display:flex;gap:8px;align-items:center;color:#5d6880;font-size:12px}.check input{accent-color:var(--accent)}.catalog-grid{display:grid;grid-template-columns:1fr .9fr;gap:18px}.empty-state{text-align:center;padding:30px}.empty-state .big-icon{font-size:34px}.empty-state p{color:#8490a6;font-size:12px}.settings-list{display:flex;flex-direction:column;gap:11px}.setting{padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center}.setting strong{font-size:13px;display:block}.setting small{font-size:11px;color:#8a95a9}.switch{width:34px;height:19px;background:#d9dfeb;border-radius:99px;padding:3px;cursor:pointer}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px #53607866;transition:.2s}.switch.on{background:var(--accent)}.switch.on i{transform:translateX(15px)}.toast{position:fixed;right:24px;bottom:24px;background:#192744;color:white;padding:11px 15px;border-radius:9px;box-shadow:0 12px 30px #19274442;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;font-size:13px}.toast.show{opacity:1;transform:none}@media(max-width:1000px){.sidebar{width:70px;padding:20px 8px}.brand{padding:0 10px 22px}.brand>span:last-child,.workspace div,.workspace button,.main-nav p,.nav-item{font-size:0}.workspace{justify-content:center;padding:11px}.nav-item{display:grid;place-items:center;padding:11px}.nav-item i{font-size:18px}.nav-badge,.side-bottom div:not(.support-icon){display:none}.side-bottom{justify-content:center}.main-content{margin-left:70px;width:calc(100% - 70px);padding:0 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.member-grid,.catalog-grid{grid-template-columns:1fr}.hero .button{position:relative;right:auto;bottom:auto;margin-top:16px}}@media(max-width:650px){.main-content{padding:0 13px}.topbar{height:92px}.topbar h1{font-size:19px}.help-button{display:none}.stat-grid{gap:9px}.dashboard-grid{gap:10px}.table-toolbar,.toolbar-row{align-items:flex-start;flex-direction:column}.data-table{min-width:740px}.table-card{overflow:auto}.label-preview{grid-template-columns:1fr}.top-actions{gap:6px}}