*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#111827;--primary-dark:#111827;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--bg:#fff;--bg-card:#fff;--border:#e2e8f0;--text:#000;--text-muted:#111827;--sidebar-w:240px;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:480px;box-shadow:var(--shadow)}.auth-logo{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:8px}.auth-title{font-size:20px;font-weight:600;margin-bottom:4px}.auth-sub{color:var(--text-muted);font-size:13px;margin-bottom:28px}.form-section{margin-bottom:24px}.form-section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.form-error{color:var(--danger);font-size:12px;margin-top:20px;padding:10px 14px;background:#fef2f2}.btn,.form-error{border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s;text-decoration:none}.btn--primary{background:var(--primary);color:#fff;width:100%;margin-top:8px}.btn--primary:hover{background:var(--primary-dark)}.btn--outline{background:#fff;color:var(--text);border:1px solid var(--border)}.btn--outline:hover{background:var(--bg)}.btn--pager{border-color:transparent}.btn--pager:hover{background:transparent}.btn--danger{background:var(--danger);color:#fff}.btn--sm{padding:6px 12px;font-size:13px}.btn--success{background:var(--success);color:#fff}.btn--orange{background:#fff0e0;color:#1b2a6b;border:1px solid #ffcda0}.btn--orange:hover{background:bisque}.page-header__actions .btn{margin-top:0}.seller-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:#fff;color:#111827;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border)}.sidebar__logo{padding:20px 20px 16px;font-size:17px;font-weight:700;color:#111827;border-bottom:1px solid var(--border)}.sidebar__logo span{color:var(--primary)}.sidebar__nav{flex:1 1;padding:12px 0}.sidebar__link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#111827;text-decoration:none;font-size:14px;transition:all .15s}.sidebar__link:hover{background:rgba(0,0,0,.04);color:#111827}.sidebar__link.sidebar__link--active,.sidebar__link.sidebar__link--active:hover{background:#e5e7eb;color:#111827;font-weight:700;border-right:4px solid #111827}.sidebar__footer{padding:16px 20px;border-top:1px solid var(--border);font-size:12px;color:#111827}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.topbar__title{font-size:16px;font-weight:600}.topbar__user{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:12px}.content{flex:1 1;padding:24px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card__title{font-size:15px;font-weight:600;margin-bottom:4px}.card__sub{font-size:12px;color:var(--text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-card__label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.stat-card__value{font-size:28px;font-weight:700}.stat-card__value--primary{color:var(--primary)}.stat-card__value--success{color:var(--success)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{background:var(--bg);font-weight:600;color:var(--text-muted)}tr:hover td{background:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge--pending{background:#fef3c7;color:#92400e}.badge--approved{background:#d1fae5;color:#065f46}.badge--rejected{background:#fee2e2;color:#991b1b}.badge--active{background:#e5e7eb;color:#111827}.badge--inactive{background:#f1f5f9;color:#111827}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header__title{font-size:20px;font-weight:700}.pending-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.pending-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;text-align:center;max-width:480px}.pending-icon{font-size:48px;margin-bottom:20px}.pending-title{font-size:22px;font-weight:700;margin-bottom:12px}.pending-desc{color:var(--text-muted);line-height:1.7;margin-bottom:28px}.form-page{max-width:640px}.auth-link{display:block;text-align:center;margin-top:18px;font-size:13px;color:var(--text-muted)}.auth-link a{color:var(--primary);text-decoration:none;font-weight:500}.pf-page{max-width:800px}.pf-back-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.pf-back-link{color:var(--text-muted);font-size:.9rem}.pf-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.pf-section{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.pf-section__title{font-size:1rem;font-weight:700;margin-bottom:1.25rem}.pf-section__title--sm{font-size:1rem;font-weight:700;margin-bottom:.375rem}.pf-section__title--xs{font-size:1rem;font-weight:700;margin-bottom:.5rem}.pf-section__desc{margin-bottom:1.25rem}.pf-section__desc,.pf-section__desc--md{font-size:.75rem;color:var(--text-muted)}.pf-section__desc--md{margin-bottom:1rem}.pf-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.pf-section--hidden{display:none}.pf-section--variants{width:calc(100% + 132px)}.pf-spec-row{display:flex;gap:.5rem}.pf-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.pf-col-full{grid-column:1/-1}.pf-no-margin{margin:0}.pf-cat-list{border:1px solid var(--border);border-radius:var(--radius);max-height:220px;overflow-y:auto;padding:.375rem .5rem;background:#fff}.pf-cat-label{display:flex;align-items:center;gap:.5rem;padding:.25rem;cursor:pointer;border-radius:4px;font-size:.9rem}.pf-cat-depth-icon{opacity:.4;font-size:.8rem}.pf-cat-searchbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.pf-cat-searchbar .pf-cat-search{flex:1 1}.pf-cat-search-info{font-size:.8rem;color:#000;white-space:nowrap}.pf-cat-hit{background:#fef9c3}.pf-cat-hit--active{background:#fde68a;outline:2px solid #f59e0b;outline-offset:-2px}.pf-hint{font-size:.75rem;margin-top:.25rem}.pf-empty,.pf-hint{color:var(--text-muted)}.pf-empty{font-size:.875rem}.pf-vlist{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.pf-variant-row{display:grid;grid-template-columns:120px 120px 120px 100px 90px 80px 180px auto;grid-gap:.75rem;gap:.75rem;align-items:end;margin-bottom:.75rem}.pf-variant-label{text-align:center;display:block}.pf-images-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.pf-url-row{display:flex;gap:.75rem;align-items:flex-end;margin-top:.75rem}.pf-url-fg{flex:1 1;margin:0}.pf-alt-fg{width:160px;margin:0}.pf-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;align-items:center}.pf-doc-name-fg{margin-top:.75rem;margin-bottom:0}.pf-error{color:var(--danger);font-size:.875rem;margin-bottom:1rem;display:none}.pf-actions{display:flex;gap:1rem;justify-content:flex-end;align-items:stretch}.tbl-actions{display:flex;gap:.5rem}.btn--auto{width:auto}.empty-state{text-align:center;padding:40px 0;color:var(--text-muted)}.pf-actions .btn{width:auto;white-space:nowrap;margin-top:0}.pf-actions__cancel{padding:10px 36px}.pf-section__header .pf-section__title--sm{margin-bottom:0}.pf-btn-sm{font-size:.85rem}.pf-btn-url{font-size:.875rem;white-space:nowrap}.image-file-hidden{display:none}.image-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;margin-bottom:1rem;padding:2rem 1.5rem;background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;outline:none}.image-drop-zone:focus-visible,.image-drop-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.image-drop-zone--dragover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);scale:1.01}.image-drop-zone--uploading{pointer-events:none;opacity:.7}.image-drop-zone__icon{font-size:2rem;color:var(--text-muted);line-height:1}.image-drop-zone__primary{font-size:.95rem;font-weight:600;color:var(--text);margin:0}.image-drop-zone__secondary{font-size:.8rem;color:var(--text-muted);margin:0}.image-drop-zone__secondary kbd{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.75rem}.image-drop-zone__status{display:block;font-size:.8rem;color:var(--success);min-height:1.2em}.img-card{position:relative;width:120px;height:120px;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s}.img-card--primary{border-color:var(--primary)}.img-card img{width:100%;height:100%;object-fit:cover;display:block}.img-card__badge{left:4px;background:var(--primary);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:999px}.img-card__badge,.img-card__del{position:absolute;top:4px;color:#fff}.img-card__del{right:4px;background:rgba(0,0,0,.55);border:none;border-radius:50%;width:22px;height:22px;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sf-section{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.sf-section-title{font-size:1rem;font-weight:700;margin-bottom:.5rem}.sf-section-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.sf-rows{flex-direction:column}.sf-row,.sf-rows{display:flex;gap:.75rem}.sf-row{align-items:center}.sf-row.pf-section--hidden{display:none}.sf-row__label{width:80px;font-size:.875rem;font-weight:600;flex-shrink:0}.sf-row__input{flex:1 1}.sf-row__select{flex:1 1;cursor:pointer;min-height:unset;align-self:flex-start}.cat-sc-select{height:auto}.cat-sc-hint{font-weight:400;color:var(--text-muted);font-size:.8rem}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f3f4f6;color:#111827;border-radius:var(--radius);font-size:.8rem}.tag-chip__remove{background:none;border:none;color:#111827;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}#variants-container .form-label{text-align:left;display:block}.page-header__sub{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.page-header__actions{display:flex;gap:.75rem}.card__header{font-weight:600;margin-bottom:.75rem}.card__note{font-size:.82rem;color:var(--text-muted);margin-top:.75rem}.card--mb{margin-bottom:1.5rem}.bulk-guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bulk-guide-header .card__header{margin-bottom:0}.bulk-guide-save-btn{font-size:.82rem;padding:.25rem .75rem}.guide-desc-input{width:100%;font-size:.82rem;padding:.2rem .4rem;border:1px solid var(--border);border-radius:3px;background:#fff;box-sizing:border-box}.guide-required-check{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary)}.bulk-col-key{font-weight:600}.bulk-col-key,.bulk-col-name{white-space:nowrap}.bulk-col-required{text-align:center}.bulk-format-row{display:flex;align-items:center;gap:.75rem}.bulk-format-label{font-weight:600;white-space:nowrap}.bulk-format-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:220px}.bulk-progress{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-top:.5rem}.bulk-progress__bar{height:100%;background:var(--primary);transition:width .4s ease}.bulk-drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:2.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.bulk-drop-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.bulk-drop-zone--dragover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.bulk-drop-zone__icon{font-size:2rem;margin-bottom:.5rem}.bulk-drop-zone__title{font-weight:600;margin-bottom:.25rem}.bulk-drop-zone__hint{font-size:.82rem;color:var(--text-muted)}.bulk-file-list-label{font-size:.9rem;font-weight:600;display:block;margin-bottom:.5rem}.bulk-file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.bulk-file-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);font-size:.85rem}.bulk-file-item__name{flex:1 1}.bulk-file-item__del,.bulk-file-item__size{color:var(--text-muted)}.bulk-file-item__del{background:none;border:none;cursor:pointer;font-size:.9rem}#bulk-file-list{display:none;margin-top:1rem}#bulk-actions{display:none;margin-top:1.25rem;gap:.75rem}#bulk-result{display:none;margin-top:1.5rem}.bulk-result__summary{font-weight:700;font-size:1rem;margin-bottom:1rem}.bulk-result__file{margin-bottom:1rem}.bulk-result__file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.bulk-result__success{color:var(--success)}.bulk-result__fail{color:var(--danger)}.bulk-result__error-tbl{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.5rem}.bulk-result__error-tbl th{background:#fee2e2;padding:.3rem .5rem;border:1px solid #fca5a5;font-weight:600}.bulk-result__error-tbl td{padding:.3rem .5rem;border:1px solid #fecaca}.bulk-result__all-ok{font-size:.82rem;color:var(--success);margin-top:.25rem}