:root{--bg: #f4f5f9;--surface: #ffffff;--border: #eef0f5;--border-strong: #e2e4ec;--text: #14161c;--text-2: #1a1d24;--label: #3d4350;--muted: #6b7280;--muted-2: #9aa0ad;--brand: #2A3AEB;--brand-2: #6B25E0;--grad: linear-gradient(100deg, #2A3AEB, #6B25E0);--grad-135: linear-gradient(135deg, #2A3AEB, #6B25E0);--error: #d93a3a;--ok: #12945a;--cta-shadow: 0 10px 26px -10px rgba(66, 58, 235, .6);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-2);font-family:Plus Jakarta Sans,system-ui,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-2)}input::placeholder{color:#a3a9b8}button{font-family:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-weight:700;font-size:14.5px;background:var(--grad);color:#fff;box-shadow:var(--cta-shadow);transition:filter .15s,transform .15s,border-color .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.ghost{background:#fff;color:var(--brand);border:1px solid var(--border-strong);box-shadow:none;font-weight:700;padding:8px 14px;font-size:13px}button.ghost:hover:not(:disabled){border-color:#c9cdd8;background:#fafbfd;filter:none;transform:none}button.dark{background:var(--text);box-shadow:none}input,select,textarea{width:100%;padding:11px 14px;border-radius:11px;border:1px solid var(--border-strong);background:#fff;color:var(--text-2);font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2a3aeb1f}select{cursor:pointer}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--label)}.card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:15px;font-weight:700;color:var(--text)}.muted{color:var(--muted);font-size:14px}.muted-2{color:var(--muted-2);font-size:12.5px}.error{margin:0;font-size:13px;color:var(--error);background:#d93a3a0f;border:1px solid rgba(217,58,58,.22);padding:9px 12px;border-radius:9px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-row{display:flex;gap:12px}.field-row>*{flex:1}.auth-grid{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg);color:var(--text-2)}.auth-brand{position:relative;overflow:hidden;margin:16px;border-radius:24px;background:var(--grad-135)}.auth-brand-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.auth-brand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#14183c47,#14183c6b 42%,#14195ad1)}.auth-brand-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 45% at 82% 10%,rgba(141,103,253,.42),transparent 70%)}.auth-brand-body{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:44px 48px;color:#fff}.auth-brand-body h2{margin:0 0 16px;font-size:34px;line-height:1.14;font-weight:800;letter-spacing:-.02em;max-width:440px}.auth-brand-body p{margin:0;font-size:15px;line-height:1.6;color:#ffffffd9;max-width:440px}.auth-checklist{display:flex;flex-direction:column;gap:12px;font-size:14.5px;font-weight:500;color:#ffffffe6}.auth-checklist span{display:flex;align-items:center;gap:11px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-form{width:100%;max-width:400px}.auth-form h1{margin:0 0 6px;font-size:27px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.auth-sub{margin:0 0 26px;font-size:14.5px;color:var(--muted)}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0}.auth-divider span:first-child,.auth-divider span:last-child{flex:1;height:1px;background:var(--border-strong)}.auth-divider em{font-size:12px;color:var(--muted-2);font-weight:500;font-style:normal}.auth-form form{display:flex;flex-direction:column;gap:15px}.auth-switch{margin:24px 0 0;text-align:center;font-size:14px;color:var(--muted)}.auth-terms{margin:28px 0 0;text-align:center;font-size:12px;color:var(--muted-2);line-height:1.6}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--text-2);border:1px solid var(--border-strong);box-shadow:none;font-weight:600;padding:12px}.btn-google:hover{border-color:#c9cdd8;background:#fafbfd;filter:none;transform:none}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;align-items:start}.mobile-bar,.drawer-backdrop{display:none}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e8eaf0;padding:20px 16px}.sidebar-logo{padding:4px 8px 18px}.menu-label{font-size:11px;font-weight:700;color:#b3b8c4;text-transform:uppercase;letter-spacing:.06em;padding:0 10px 8px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 11px;border-radius:10px;background:none;box-shadow:none;border:0;font-size:14px;font-weight:600;color:var(--label)}.nav-item:hover{background:#f4f5f9;filter:none;transform:none}.nav-item.active{background:#2a3aeb14;color:var(--brand)}.nav-item svg{flex:none}.ws-switch{position:relative;margin-bottom:18px}.ws-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:11px;border:1px solid #e6e8f0;background:#fafbfd;color:var(--text);box-shadow:none;text-align:left;font-weight:600}.ws-btn:hover{border-color:#c9cdd8;background:#fafbfd;filter:none;transform:none}.ws-avatar{width:30px;height:30px;border-radius:8px;flex:none;background:var(--grad-135);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.ws-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e8eaf0;border-radius:13px;box-shadow:0 18px 44px -14px #14183c47;padding:6px;z-index:40}.ws-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:9px;background:none;box-shadow:none;color:var(--text);font-weight:600;font-size:13px}.ws-menu-item:hover{background:#f4f5f9;filter:none;transform:none}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fafbfd;border:1px solid var(--border);width:100%}.user-avatar{width:34px;height:34px;border-radius:50%;flex:none;background:#eaecf3;color:var(--label);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.icon-btn{width:30px;height:30px;border-radius:8px;flex:none;padding:0;border:1px solid var(--border-strong);background:#fff;color:#8b93a1;box-shadow:none;display:flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:#c9cdd8;background:#fafbfd;filter:none;transform:none}.content{padding:26px 30px 64px;min-width:0;width:100%;margin-inline:auto}.page-title{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.page-title h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.page-title .muted{font-size:14px;color:var(--muted-2)}.seg-tabs{display:inline-flex;gap:4px;padding:4px;background:#eaecf2;border-radius:12px}.seg-tabs button{padding:9px 22px;border-radius:9px;font-size:14px;font-weight:700;background:transparent;color:var(--muted);box-shadow:none;border:0}.seg-tabs button:hover{filter:none;transform:none;color:var(--label)}.seg-tabs button.on{background:#fff;color:var(--text);box-shadow:0 2px 8px -2px #14183c1f}.nav-tabs{display:flex;gap:6px}.tab{background:#fff;border:1px solid var(--border-strong);color:var(--muted);box-shadow:none;font-weight:600;font-size:13.5px;padding:8px 16px}.tab:hover{filter:none;transform:none;border-color:#c9cdd8}.tab.active{background:#2a3aeb14;color:var(--brand);border-color:var(--brand)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px}.stat-num{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1}.stat-label{margin-top:8px;font-size:13px;color:var(--muted);font-weight:500}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f2f6}.job-table{width:100%;border-collapse:collapse}.job-table th{text-align:left;font-size:11.5px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;padding:11px 20px;border-bottom:1px solid #f1f2f6}.job-table td{padding:13px 20px;font-size:13.5px;border-bottom:1px solid #f5f6f9}.job-table td.name{font-weight:600;color:var(--text)}.badge{font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;display:inline-block}.badge-done{color:var(--ok);background:#12945a1a}.badge-processing{color:var(--brand);background:#2a3aeb1a}.badge-failed{color:var(--error);background:#d93a3a14}.badge-queued{color:var(--muted);background:#eef0f5}.badge-review{color:#b97509;background:#f0960924}.pill{font-size:13px;color:var(--label);background:#eef0f5;padding:4px 11px;border-radius:999px;font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.cat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:0;overflow:hidden;box-shadow:none;color:var(--text);display:flex;flex-direction:column;text-align:left}.cat-card:hover{filter:none;transform:none;border-color:#d6d9e3}.cat-cover{position:relative;height:110px;display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(135deg,#eef0fb,#f3eefb)}.cat-count{position:absolute;top:10px;right:10px;font-size:11.5px;font-weight:700;color:#4a4f5c;background:#ffffffd9;padding:3px 9px;border-radius:999px}.cat-edit{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:8px;display:none;align-items:center;justify-content:center;background:#ffffffe6;color:#4a4f5c;font-size:13px;cursor:pointer}.cat-card:hover .cat-edit{display:flex}.cat-edit:hover{color:var(--brand)}.cat-name{font-size:15px;font-weight:700;margin:12px 14px 2px}.cat-card .muted-2{margin:0 14px 14px}.sku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.sku-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px 14px;transition:border-color .15s}.sku-card.sel{border-color:var(--brand);background:#2a3aeb08}.sku-card-head{display:flex;align-items:center;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f111873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{position:absolute;top:0;right:0;height:100%;width:560px;max-width:94vw;display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 60px -20px #14183c59;animation:drawer-in .26s cubic-bezier(.4,0,.2,1)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-body{padding:18px 24px 28px;overflow-y:auto;flex:1}.drawer-foot{display:flex;gap:10px;padding:14px 24px;border-top:1px solid var(--border);background:#fff}.stepper{display:flex;gap:6px;margin-bottom:18px}.step{flex:1;text-align:center;padding:8px 4px;border-radius:8px;font-size:12.5px;font-weight:700;box-shadow:none;border:0}.step:hover{filter:none;transform:none}.step.todo{background:#f0f1f5;color:var(--muted-2)}.step.active{background:#eef1fe;color:var(--brand)}.step.done{background:#eaf6ef;color:var(--ok)}.drawer-sec{padding:20px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.drawer-sec:first-of-type{border-top:0;padding-top:4px}.drawer-sec .drawer-sec{border-top:0;padding:0}.stage-head{display:flex;align-items:center;gap:10px}.stage-head b{font-size:15px;color:var(--text)}.stage-badge{width:26px;height:26px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--grad-135);color:#fff;font-size:13px;font-weight:800}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;border-radius:50%;padding:0;box-shadow:none;border:2px solid #e2e4ec;background:transparent;position:relative}.swatch span{border-radius:50%!important}.swatch.on{border-color:var(--brand)}.swatch:hover{filter:none;transform:none;border-color:#c9cdd8}.swatch.on:hover{border-color:var(--brand)}.batch-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 18px 44px -14px #14183c59;padding:12px 16px;min-width:460px;max-width:calc(100vw - 40px)}.catalog{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.catalog h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em}.sku-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sku-list li{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s}.sku-list li:hover{border-color:#d6d9e3}.sku-list li.active{border-color:var(--brand);background:#2a3aeb08}.sku-thumb{width:36px;height:36px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#9aa2c9,#b3a0d8)}.sku-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sku-info b{font-size:14px;color:var(--text)}.add-dashed{width:100%;background:#fff;color:var(--brand);border:1px dashed #c7cbd6;box-shadow:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px}.add-dashed:hover{border-color:var(--brand);background:#fafbff;filter:none;transform:none}.detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.detail-head h2{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumb-grid figure{margin:0;display:flex;flex-direction:column;gap:6px}.thumb-grid .frame{position:relative;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:#f4f5f9}.thumb-grid img{width:100%;height:100%;object-fit:cover;display:block}.thumb-grid figcaption{font-size:11.5px;color:var(--muted-2);text-align:center;font-weight:600}.gen-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:30px 20px;border:1px dashed #d6d9e3;border-radius:12px;background:#fafbfd}.gen-empty p{margin:0;font-size:13.5px;color:var(--muted);max-width:340px;line-height:1.5}.gen-processing{display:flex;align-items:center;gap:12px;padding:22px;border:1px solid #e6e8f2;border-radius:12px;background:#fafbff;color:var(--brand);font-size:13.5px;font-weight:600}.spinner{width:18px;height:18px;border:2.5px solid #cdd3f7;border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.gradient-badge{width:30px;height:30px;border-radius:9px;background:var(--grad-135);display:flex;align-items:center;justify-content:center;flex:none}.kit{display:flex;flex-direction:column;gap:10px}.kit-row{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fafbfd}.kit-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.kit-label{font-size:13px;font-weight:700;color:var(--text)}.kit-channel{font-size:11px;color:#8a90d8;background:#eef0fe;padding:2px 8px;border-radius:999px;font-weight:700}.kit-value{margin:0;font-size:13.5px;line-height:1.55;color:#4a4f5c;white-space:pre-wrap}.member-add{display:flex;gap:8px}.member-add input{flex:1}.member-add select{width:130px}.member-table{width:100%;border-collapse:collapse}.member-table th{text-align:left;font-size:12px;color:var(--muted-2);padding:8px;font-weight:600}.member-table td{padding:10px 8px;border-top:1px solid var(--border);font-size:14px}.member-table select{width:130px}.chip{background:#eef0f5;border:0;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;color:var(--label)}@media(max-width:860px){.auth-grid{grid-template-columns:1fr}.auth-brand{display:none}}@media(max-width:820px){.shell,.catalog{grid-template-columns:1fr}.content{padding:18px 16px 56px}.mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:45;grid-column:1 / -1;height:56px;padding:0 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e8eaf0}.hamburger{width:38px;height:38px;border-radius:10px;padding:0;border:1px solid var(--border-strong);background:#fff;color:var(--label);box-shadow:none;display:flex;align-items:center;justify-content:center}.hamburger:hover{filter:none;transform:none;border-color:#c9cdd8}.sidebar{position:fixed;top:0;left:0;height:100vh;width:272px;z-index:60;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:0 0 50px #14183c2e}.shell.nav-open .sidebar{transform:translate(0)}.drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0f111873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shell.nav-open .drawer-backdrop{display:block}}@media(max-width:560px){.stat-row,.thumb-grid{grid-template-columns:repeat(2,1fr)}.panel{overflow-x:auto}.job-table{min-width:480px}.member-add{flex-wrap:wrap}.member-add select{width:100%}}@media(min-width:1728px){.shell{grid-template-columns:280px 1fr}.content{padding:32px 44px 80px}.catalog{grid-template-columns:340px 1fr;gap:30px}.page-title h1{font-size:27px}.stat-num{font-size:34px}.auth-form{max-width:440px}.auth-form h1{font-size:30px}.auth-brand-body h2{font-size:40px}}@media(min-width:2200px){.shell{grid-template-columns:320px 1fr}.content{max-width:1920px;padding:40px 56px 100px}.catalog{grid-template-columns:380px 1fr;gap:36px}.stat-row,.thumb-grid{gap:18px}.page-title h1{font-size:31px}.stat-num{font-size:42px}.stat-label{font-size:15px}.card{border-radius:18px;padding:22px}.card-title{font-size:16.5px}.nav-item{font-size:15.5px;padding:12px 13px}.sidebar{padding:26px 20px}.job-table td,.member-table td{font-size:15px}.auth-form{max-width:500px}.auth-form h1{font-size:34px}.auth-sub,.auth-form .field,.auth-switch{font-size:15.5px}.auth-brand-body{padding:56px 60px}.auth-brand-body h2{font-size:48px}.auth-brand-body p,.auth-checklist{font-size:18px}}@media(min-width:3200px){.shell{grid-template-columns:400px 1fr}.content{max-width:2560px;padding:56px 80px 140px}.catalog{grid-template-columns:460px 1fr;gap:48px}.stat-row,.thumb-grid{gap:24px}.page-title h1{font-size:42px}.page-title .muted{font-size:20px}.stat{padding:26px;border-radius:20px}.stat-num{font-size:56px}.stat-label{font-size:18px}.card{border-radius:24px;padding:30px}.card-title{font-size:20px}.muted,.muted-2{font-size:16px}.sidebar{padding:34px 26px}.nav-item{font-size:19px;padding:15px 16px;gap:14px}.menu-label{font-size:14px}.job-table th{font-size:14px;padding:16px 26px}.job-table td,.member-table td{font-size:17px;padding:18px 26px}.catalog h1,.detail-head h2{font-size:30px}.sku-list li{padding:14px 16px}.sku-info b{font-size:17px}.auth-form{max-width:640px}.auth-form h1{font-size:44px}.auth-sub,.auth-form .field,.auth-switch{font-size:19px}.auth-brand-body{padding:72px 80px}.auth-brand-body h2{font-size:60px}.auth-brand-body p,.auth-checklist{font-size:22px}input,select,textarea,button{font-size:17px}}