#product-upload{padding:24px}.upload-hero{background:linear-gradient(125deg,#111318,#2b1b16);color:#fff;border-radius:24px;padding:30px 34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.upload-hero span,.upload-tracking>div>span{color:#ff6816;font-size:13px;font-weight:800;letter-spacing:.12em}.upload-hero h2{font-size:30px;margin:8px 0}.upload-hero p{color:#c2c5cc;margin:0}.upload-actions{display:flex;gap:12px;flex-wrap:wrap}.upload-actions button,.upload-actions label,.upload-submitbar button,.upload-confirm button{border:0;border-radius:12px;padding:15px 20px;background:#ff5f0b;color:#fff;font:700 14px Manrope;cursor:pointer}.upload-actions button{background:#fff;color:#17191f}.upload-flow{margin:18px 0;padding:18px 24px}.upload-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.upload-flow li{display:flex;align-items:center;gap:10px;color:#7a808d;font-weight:700}.upload-flow li:not(:last-child):after{content:"";height:2px;background:#e5e7ec;flex:1;margin:0 14px}.upload-flow b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0f1f4}.upload-flow .active b{background:#ff6816;color:#fff}.upload-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.upload-kpis article{background:#fff;border:1px solid #e4e6eb;border-radius:16px;padding:18px 20px}.upload-kpis span{display:block;color:#858b98;font-size:12px;font-weight:800}.upload-kpis strong{font-size:26px}.upload-kpis .good strong{color:#129b6b}.upload-kpis .bad strong{color:#cf3545}.upload-workspace{overflow:hidden}.upload-toolbar{padding:18px;display:grid;grid-template-columns:minmax(240px,1fr) 190px auto auto;gap:10px;border-bottom:1px solid #e5e7ec}.upload-toolbar input,.upload-toolbar select,.upload-tracking input{min-height:46px;border:1px solid #d9dce3;border-radius:10px;padding:0 13px;font:600 14px Manrope}.upload-toolbar button,.upload-tracking button{border:0;border-radius:10px;padding:0 16px;background:#17191f;color:#fff;font-weight:750}.upload-empty{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#868c98;gap:8px}.upload-empty b{font-size:20px;color:#17191f}.upload-table{min-width:1050px}.upload-table td small{display:block;color:#8b909b;margin-top:4px}.upload-table tr.invalid{background:#fff9f5}.upload-status{display:inline-block;max-width:290px;border-radius:9px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:750}.upload-status.good{background:#e5f8f1;color:#087b54}.upload-status.bad{background:#fff0e7;color:#b54b0d}.upload-submitbar{position:sticky;bottom:12px;margin:14px;border-radius:15px;padding:14px 18px;background:#17191f;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 34px #1115}.upload-submitbar span,.upload-confirm span{display:block;color:#aeb3bd;font-size:13px;margin-top:3px}.upload-confirm{margin:16px;padding:18px;border:1px solid #ffb98e;background:#fff7f2;border-radius:14px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.upload-confirm label{font-weight:700}.upload-confirm button:disabled{opacity:.45;cursor:not-allowed}.upload-tracking{margin-top:18px;padding:22px}.upload-tracking{display:grid;grid-template-columns:1fr minmax(420px,1.5fr);gap:20px}.upload-tracking h3{margin:5px 0}.upload-tracking form{display:flex;gap:8px}.upload-tracking input{flex:1}.upload-tracking #productBatchResult{grid-column:1/-1}.upload-success{padding:14px 16px;background:#e8f8f2;color:#087b54;border-radius:12px}.upload-success span{display:block;margin-top:4px}.upload-success.has-errors{background:#fff0e7;color:#b54b0d}@media(max-width:900px){#product-upload{padding:14px}.upload-hero{align-items:flex-start;flex-direction:column}.upload-kpis{grid-template-columns:1fr 1fr}.upload-flow ol{grid-template-columns:1fr 1fr;gap:12px}.upload-flow li:after{display:none}.upload-toolbar{grid-template-columns:1fr}.upload-confirm,.upload-tracking{grid-template-columns:1fr}.upload-tracking form{min-width:0}.upload-submitbar{align-items:flex-start;gap:12px;flex-direction:column}}
#manualProductBox[hidden]{display:none}.manual-product-box{margin:18px 0;padding:22px}.manual-product-head{display:flex;justify-content:space-between;gap:16px}.manual-product-head span{color:#ff6816;font-size:12px;font-weight:850;letter-spacing:.1em}.manual-product-head h3{margin:4px 0}.manual-product-head p{margin:0;color:#747c89}.manual-product-head button{border:0;border-radius:10px;background:#17191f;color:#fff;width:42px;height:42px;font-size:23px}.manual-product-box form{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.manual-product-box label{display:grid;gap:5px;color:#69717e;font-size:11px;font-weight:800}.manual-product-box input,.manual-product-box select,.manual-product-box textarea{min-width:0;border:1px solid #d9dce3;border-radius:10px;padding:10px;font:600 13px Manrope}.manual-product-box input,.manual-product-box select{height:43px}.manual-product-box textarea{min-height:82px;resize:vertical}.manual-product-box .manual-wide{grid-column:span 2}.manual-product-box form>button{align-self:end;min-height:43px;border:0;border-radius:10px;background:#ff5f0b;color:#fff;font-weight:850;padding:0 15px}@media(max-width:900px){.manual-product-box form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.manual-product-box form{grid-template-columns:1fr}.manual-product-box .manual-wide{grid-column:auto}}
.manual-image-picker{padding:12px;border:1px dashed #ff9a61;border-radius:11px;background:#fff7f2}.manual-image-picker input{height:auto;border:0;padding:5px 0}.manual-image-picker small{color:#858c98}.manual-image-status{align-self:end;padding:12px;border-radius:10px;background:#f2f4f7;color:#646c78;font-size:12px}.manual-image-preview{grid-column:1/-1;display:flex;gap:8px;overflow:auto}.manual-image-preview img{width:76px;height:110px;border-radius:9px;object-fit:cover;border:1px solid #e1e4e9}
.manual-attributes{grid-column:1/-1;border:1px solid #e0e3e9;border-radius:12px;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.manual-attributes legend{font-weight:850;padding:0 7px}.manual-attributes p{color:#777f8c;margin:0}.manual-attributes label{font-size:12px}@media(max-width:800px){.manual-attributes{grid-template-columns:1fr}}
.draft-fix{display:block;margin-top:7px;border:0;background:#ff6816;color:#fff;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer}.draft-attribute-editor{margin:16px;padding:20px;border:1px solid #ffb98e;background:#fff7f2;border-radius:15px}.draft-attribute-editor>div:first-child span{display:block;color:#737b88;margin-top:4px}.draft-attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.draft-attribute-grid label{display:grid;gap:5px;font-weight:750}.draft-attribute-grid input,.draft-attribute-grid select{min-height:44px;border:1px solid #d9dce3;border-radius:9px;padding:8px}.draft-attribute-editor>button{border:0;border-radius:9px;padding:12px 16px;margin-right:8px;background:#17191f;color:#fff;font-weight:800}.draft-attribute-editor>button:last-child{background:#ff6816}@media(max-width:800px){.draft-attribute-grid{grid-template-columns:1fr}}
.draft-bulk-origin{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff7f2;border-bottom:1px solid #ffd2b7}.draft-bulk-origin>div{margin-right:auto}.draft-bulk-origin span{display:block;color:#777f8c;font-size:12px}.draft-bulk-origin select,.draft-bulk-origin button{min-height:42px;border:1px solid #dedfe4;border-radius:9px;padding:0 13px;font-weight:750}.draft-bulk-origin button{background:#ff6816;color:#fff;border:0}.draft-product-open{border:0;background:none;text-align:left;font:inherit;cursor:pointer}.draft-product-open strong,.draft-product-open small{display:block}.draft-drawer{position:fixed;z-index:1000;right:0;top:0;width:min(620px,100vw);height:100vh;overflow:auto;background:#fff;box-shadow:-18px 0 50px #1113;padding:24px}.draft-drawer-head{display:flex;justify-content:space-between;gap:20px;position:sticky;top:-24px;background:#fff;padding:18px 0;border-bottom:1px solid #e3e5ea;z-index:2}.draft-drawer-head span{color:#ff6816;font-size:12px;font-weight:850}.draft-drawer-head h3{margin:5px 0}.draft-drawer-head button{border:0;border-radius:10px;background:#17191f;color:#fff;width:44px;height:44px;font-size:24px}.draft-detail-images{display:flex;gap:9px;overflow:auto;padding:18px 0}.draft-detail-images img{width:118px;height:170px;object-fit:cover;border:1px solid #e3e5ea;border-radius:11px}.draft-drawer form label{display:grid;gap:6px;font-weight:800;margin-bottom:14px}.draft-drawer textarea{min-height:78px;border:1px solid #d9dce3;border-radius:10px;padding:12px;font:600 14px Manrope}.draft-drawer textarea[name=description]{min-height:220px}.draft-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.draft-detail-meta span{padding:12px;background:#f4f5f7;border-radius:10px}.draft-detail-meta small,.draft-detail-meta b{display:block}.draft-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.draft-detail-actions button{border:0;border-radius:10px;padding:13px;background:#17191f;color:#fff;font-weight:800}.draft-detail-actions .send{background:#ff6816}.draft-detail-actions button:disabled{opacity:.45}@media(max-width:700px){.draft-bulk-origin{align-items:stretch;flex-direction:column}.draft-detail-actions,.draft-detail-meta{grid-template-columns:1fr}}
.manual-title-field,.manual-description-field{position:relative}.manual-title-field>button,.manual-description-field>button,.manual-ai-image-bar>button{border:0;border-radius:9px;background:#17191f;color:#fff;padding:10px 12px;font-weight:800;cursor:pointer}.manual-title-field>button,.manual-description-field>button{justify-self:start}.manual-title-field{grid-column:span 2}.manual-ai-image-bar{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:15px;border-radius:12px;background:linear-gradient(120deg,#17191f,#37221a);color:#fff}.manual-ai-image-bar>div{margin-right:auto}.manual-ai-image-bar span{display:block;color:#c9cbd1;font-size:12px}.manual-ai-image-bar>button{background:#ff6816}.manual-image-preview figure{margin:0}.manual-image-preview figcaption{text-align:center;font-size:11px;font-weight:750;margin-top:4px}.manual-image-preview figure img{display:block}@media(max-width:700px){.manual-title-field{grid-column:auto}.manual-ai-image-bar{align-items:stretch;flex-direction:column}}
.upload-toolbar:has(.danger){grid-template-columns:minmax(240px,1fr) 190px auto auto auto}.upload-toolbar .danger,.draft-delete{background:#c93643;color:#fff}.draft-delete{border:0;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.draft-bulk-origin select{min-width:110px;font-size:15px}.upload-table th:last-child,.upload-table td:last-child{position:sticky;right:0;background:inherit}@media(max-width:1100px){.upload-toolbar:has(.danger){grid-template-columns:1fr 1fr}.upload-toolbar:has(.danger)>input{grid-column:1/-1}}@media(max-width:600px){.upload-toolbar:has(.danger){grid-template-columns:1fr}.upload-toolbar:has(.danger)>input{grid-column:auto}}
.draft-drawer{width:min(760px,100vw);padding:0;background:#f5f6f8}.draft-drawer-head{top:0;padding:22px 28px;background:#fff;border-bottom:1px solid #e2e5ea;align-items:flex-start}.draft-drawer-head h3{font-size:24px;line-height:1.25;max-width:600px}.draft-detail-state{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850}.draft-detail-state.warning{background:#fff0e7;color:#b54b0d}.draft-detail-state.success{background:#e5f8f1;color:#087b54}.draft-drawer>form{padding:20px 24px}.draft-detail-section{background:#fff;border:1px solid #e1e4e9;border-radius:16px;padding:20px;margin-bottom:14px}.draft-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.draft-section-title small{color:#ff6816;font-weight:850;letter-spacing:.08em}.draft-section-title h4{font-size:19px;margin:3px 0}.draft-section-title>b,.draft-section-title>span{font-size:12px;background:#f1f3f6;padding:7px 10px;border-radius:999px;color:#646c78}.draft-detail-images{padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:visible}.draft-detail-images figure{margin:0}.draft-detail-images figure.primary{grid-column:span 2;grid-row:span 2}.draft-detail-images img{width:100%;height:150px;object-fit:cover}.draft-detail-images figure.primary img{height:326px}.draft-detail-images figcaption{text-align:center;color:#747c89;font-size:12px;font-weight:750;margin-top:5px}.draft-drawer form>section>label{font-size:14px}.draft-drawer textarea{font-size:15px;line-height:1.5;background:#fbfbfc}.draft-detail-section.missing{border-color:#ffc7a5;background:#fffaf7}.draft-section-note{color:#69717e;margin:-5px 0 16px}.draft-detail-required{display:grid;grid-template-columns:1fr 1fr;gap:12px}.draft-detail-required label{padding:12px;background:#fff;border:1px solid #e2e4e9;border-radius:11px;margin:0!important}.draft-detail-required input,.draft-detail-required select{min-height:44px;border:1px solid #d9dce3;border-radius:9px;padding:8px;font:700 14px Manrope}.draft-detail-required label small{color:#b54b0d}.draft-ready-card{display:flex;gap:12px;align-items:center;padding:17px 20px;border:1px solid #bcebd9;background:#eaf9f3;border-radius:15px;margin-bottom:14px;color:#087b54}.draft-ready-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#087b54;color:#fff}.draft-ready-card small,.draft-ready-card b{display:block}.draft-ready-card small{margin-top:3px}.draft-detail-meta{grid-template-columns:repeat(3,1fr);margin:0}.draft-detail-meta span{border:1px solid #e5e7eb;background:#f8f9fa}.draft-detail-actions{position:sticky;bottom:-1px;z-index:3;padding:16px 0 22px;background:linear-gradient(180deg,transparent,#f5f6f8 18%);grid-template-columns:1fr 1fr}.draft-detail-actions .save{background:#17191f}.draft-detail-actions .send{background:#ff6816}.draft-detail-actions button{min-height:50px;font-size:14px}.draft-detail-actions button:disabled{background:#ffd0b7;color:#fff}@media(max-width:620px){.draft-drawer-head{padding:18px}.draft-drawer>form{padding:14px}.draft-detail-images{grid-template-columns:1fr 1fr}.draft-detail-images figure.primary{grid-column:span 2}.draft-detail-required,.draft-detail-meta,.draft-detail-actions{grid-template-columns:1fr}.draft-detail-actions{position:static}.draft-drawer-head h3{font-size:20px}}
.draft-catalog{background:#f2f4f7;padding:18px}.draft-catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#69717e}.draft-catalog-head label{display:flex;align-items:center;gap:8px;font-weight:800;color:#17191f}.draft-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.draft-product-card{position:relative;display:grid;grid-template-columns:185px minmax(0,1fr);gap:18px;background:#fff;border:1px solid #e0e4ea;border-radius:17px;padding:15px;box-shadow:0 6px 18px #1111110a}.draft-product-card.has-error{border-color:#f5c7aa}.draft-card-check{position:absolute;z-index:2;left:10px;top:10px;background:#fff;border:1px solid #e0e3e8;border-radius:8px;padding:6px 8px;display:flex;gap:5px;font-size:12px;font-weight:800}.draft-card-image{position:relative;display:grid;place-items:center;min-height:260px;background:#f7f8fa;border:0;border-radius:13px;overflow:hidden;cursor:pointer}.draft-card-image img{width:100%;height:260px;object-fit:contain}.draft-card-image>b{position:absolute;right:9px;top:9px;background:#12a56d;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.draft-card-content{min-width:0;display:flex;flex-direction:column;gap:11px}.draft-card-top{display:flex;gap:7px;flex-wrap:wrap}.draft-platform{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.draft-platform.kasif{background:#17191f;color:#fff}.draft-platform.linked{background:#e3f8ef;color:#087b54}.draft-platform.pending{background:#fff3dd;color:#9c5b00}.draft-platform.local{background:#eef0f3;color:#69717e}.draft-product-card .draft-product-open strong{font-size:17px;line-height:1.35}.draft-product-card .draft-product-open small{font-size:13px;line-height:1.4}.draft-card-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.draft-card-codes span{background:#f6f7f9;border-radius:9px;padding:8px;min-width:0}.draft-card-codes small,.draft-card-codes b{display:block;overflow:hidden;text-overflow:ellipsis}.draft-card-codes small{color:#7c8491;font-size:11px}.draft-card-codes b{font-size:12px;white-space:nowrap}.draft-card-commerce{display:flex;align-items:center;justify-content:space-between}.draft-card-commerce>strong{font-size:21px}.draft-card-commerce>span{font-weight:800;color:#397957}.draft-card-warning{background:#fff2e9;color:#a8470d;border-radius:10px;padding:9px}.draft-card-warning b,.draft-card-warning span{display:block}.draft-card-warning span{font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-card-ready{background:#e9f8f2;color:#087b54;border-radius:10px;padding:9px;font-size:12px;font-weight:850}.draft-card-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:auto}.draft-card-actions button{border:0;border-radius:9px;padding:10px;background:#eef0f3;color:#17191f;font-weight:800;cursor:pointer}.draft-card-actions .trendyol{background:#ff6816;color:#fff}.draft-card-actions .trendyol.connected{background:#087b54}.draft-card-actions .more{background:#fff0f1;color:#c93643}@media(max-width:1250px){.draft-card-grid{grid-template-columns:1fr}}@media(max-width:650px){.draft-catalog{padding:10px}.draft-product-card{grid-template-columns:110px minmax(0,1fr);gap:11px;padding:10px}.draft-card-image,.draft-card-image img{min-height:180px;height:180px}.draft-card-codes{grid-template-columns:1fr}.draft-card-actions{grid-template-columns:1fr}.draft-card-check span{display:none}}
.draft-detail-images figure{position:relative}.draft-image-delete{position:absolute;right:8px;top:8px;border:0;border-radius:8px;padding:7px 10px;background:#c93643;color:#fff;font:800 12px Manrope;box-shadow:0 4px 12px #1114;cursor:pointer}.draft-image-delete:hover{background:#a92734}.draft-image-delete:focus-visible{outline:3px solid #ffb48c;outline-offset:2px}
.draft-view-switch{display:flex;padding:3px;background:#e5e8ed;border-radius:10px}.draft-view-switch button{border:0;background:transparent;border-radius:8px;padding:8px 12px;font-weight:800;color:#626a77;cursor:pointer}.draft-view-switch button.active{background:#17191f;color:#fff}.draft-card-editor{display:grid;grid-template-columns:1fr .72fr 1fr auto;gap:7px;align-items:end}.draft-card-editor label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#747c89}.draft-card-editor input{width:100%;min-width:0;height:38px;border:1px solid #d9dde4;border-radius:8px;padding:0 9px;font:750 13px Manrope}.draft-card-editor button{height:38px;border:0;border-radius:8px;background:#17191f;color:#fff;font-weight:800;padding:0 12px}.draft-profit{font-size:12px;font-weight:800;border-radius:8px;padding:8px 10px}.draft-profit.missing{background:#fff3dd;color:#9c5b00}.draft-profit.low{background:#fff0f1;color:#c93643}.draft-profit.good{background:#e5f8f1;color:#087b54}.view-compact .draft-card-grid{grid-template-columns:1fr}.view-compact .draft-product-card{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:11px}.view-compact .draft-card-image,.view-compact .draft-card-image img{min-height:118px;height:118px}.view-compact .draft-card-content{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(250px,1fr) minmax(360px,1.35fr);gap:8px 14px;align-items:center}.view-compact .draft-card-top,.view-compact .draft-product-open{grid-column:1}.view-compact .draft-card-codes{grid-column:2;grid-row:1/3}.view-compact .draft-card-editor{grid-column:3;grid-row:1/3}.view-compact .draft-profit{grid-column:1}.view-compact .draft-card-ready,.view-compact .draft-card-warning{grid-column:2}.view-compact .draft-card-actions{grid-column:3;margin:0}.view-compact .draft-product-open strong{font-size:14px}.view-compact .draft-product-open small{font-size:12px}@media(max-width:1100px){.view-compact .draft-card-content{display:flex}.draft-card-editor{grid-template-columns:1fr 1fr}.draft-card-editor button{grid-column:1/-1}}@media(max-width:700px){.draft-catalog-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.draft-view-switch{order:3;width:100%}.draft-view-switch button{flex:1}.draft-card-editor{grid-template-columns:1fr}.draft-card-editor button{grid-column:auto}}
