@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:#18383a;background:#f4f7f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 5% 0,#e4f2ec 0,transparent 34%),#f4f7f5;color:#18383a}.topbar{height:70px;padding:0 max(calc((100vw - 1180px)/2),22px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4ebe6}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#e5f3ee;color:#137c73;font-size:23px;font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:12px;color:#778581}.topbar-label,.private-pill{border-radius:30px;background:#edf4f1;color:#4c6965;padding:8px 13px;font-size:12px;font-weight:600}.page-shell{max-width:1180px;padding:34px 22px 70px;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 26px}.eyebrow,.section-kicker{font-size:12px;color:#168379;font-weight:700;letter-spacing:.02em}.intro h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;margin:7px 0;color:#163b3d}.intro p,.next-step p{color:#637470;line-height:1.9;margin:0}.back-link{color:#16786f;text-decoration:none;font-weight:600;white-space:nowrap}.demo-warning{background:#fff8e9;border:1px solid #f2dfb6;border-right:4px solid #c18b2e;border-radius:14px;padding:16px 18px;margin-bottom:20px}.demo-warning strong{color:#765517}.demo-warning p{margin:5px 0 0;color:#6c6149;line-height:1.8;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.summary-grid article,.editor-panel,.catalog-panel,.next-step{background:#fff;border:1px solid #e4ebe6;border-radius:18px;box-shadow:0 8px 28px #173d3810}.summary-grid article{padding:18px 20px;display:flex;flex-direction:column;gap:7px}.summary-grid span{font-size:12px;color:#71807b}.summary-grid strong{font-size:27px;color:#1b5352;font-weight:700}.editor-panel,.catalog-panel{padding:23px 24px;margin-bottom:20px}.panel-heading,.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2,.catalog-heading h2,.next-step h2{font-size:20px;margin:4px 0;color:#183d3f}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#526660}.form-grid input,.form-grid select,.form-grid textarea,.search-field input{font:inherit;color:#18383a;background:#fbfcfb;border:1px solid #dce6e1;border-radius:10px;padding:11px 12px;min-width:0;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.search-field input:focus{border-color:#168379;box-shadow:0 0 0 3px #16837922}.form-grid input[type=file]{padding:8px;font-size:11px}.form-grid small{font-size:11px;color:#89948f;font-weight:400}.photo-field{grid-column:auto}.description-field{grid-column:span 2}.form-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.primary-button,.secondary-button,.text-button{font:inherit;border:0;border-radius:10px;cursor:pointer;font-weight:600}.primary-button{background:#137c73;color:#fff;padding:11px 18px}.primary-button:hover{background:#0f6d65}.secondary-button{background:#edf3f0;color:#28514f;padding:10px 14px}.secondary-button:hover{background:#e1ebe6}.text-button{background:transparent;color:#8b6050;padding:9px 12px}.catalog-heading{margin-bottom:14px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #dce6e1;border-radius:10px;background:#fbfcfb;padding:0 10px;color:#82908a}.search-field input{border:0;box-shadow:none;background:transparent;width:min(250px,40vw);padding:10px 0}.stock-columns,.stock-row{display:grid;grid-template-columns:minmax(200px,2.3fr) minmax(100px,1fr) minmax(115px,1.2fr) 75px minmax(130px,1fr) minmax(190px,1.7fr);align-items:center;gap:12px}.stock-columns{padding:10px 12px;color:#88948f;font-size:11px;border-bottom:1px solid #edf1ee}.stock-row{padding:13px 12px;border-bottom:1px solid #edf1ee;font-size:12px}.stock-product{display:flex;align-items:center;gap:10px;min-width:0}.stock-product img,.stock-placeholder{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#f3f6f4;flex:none}.stock-placeholder{display:grid;place-items:center;color:#82928c;font-size:21px}.stock-product strong,.stock-product small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-product strong{font-size:12px}.stock-product small{font-size:10px;color:#87938e;margin-top:4px}.stock-price{color:#61736d;font-size:11px}.stock-quantity{font-weight:700;font-size:15px}.stock-status{width:max-content;max-width:100%;border-radius:20px;padding:5px 8px;font-size:10px}.stock-status.neutral{background:#f0f3f2;color:#66736f}.stock-status.danger{background:#fff0ef;color:#a34c48}.stock-status.warning{background:#fff5dc;color:#947022}.stock-status.good{background:#e8f5ef;color:#397557}.stock-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.stock-actions button{font:inherit;border:1px solid #e0e8e3;background:#fff;color:#385b55;border-radius:7px;min-width:28px;height:28px;cursor:pointer}.stock-actions button:hover{border-color:#6da49a}.stock-actions .text-action{padding:0 7px;font-size:10px}.stock-actions .danger-text{color:#a64e49}.empty-stock{text-align:center;padding:30px;color:#7d8983;font-size:13px}.list-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:15px}.upload-json{position:relative;overflow:hidden;cursor:pointer}.upload-json input{position:absolute;inset:0;opacity:0;cursor:pointer}.next-step{padding:22px 24px;border-right:4px solid #70a798}.next-step h2{margin:5px 0;font-size:19px}.next-step p{font-size:13px}.page-footer{text-align:center;background:#193f40;color:#e5eeea;padding:20px;font-size:12px}.toast{position:fixed;bottom:20px;left:20px;max-width:calc(100vw - 40px);padding:12px 17px;background:#183f40;color:white;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;font-size:13px}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.stock-columns{display:none}.stock-row{grid-template-columns:1fr 1fr;gap:9px 14px;border:1px solid #e7eeea;border-radius:13px;margin:10px 0;padding:14px}.stock-product{grid-column:1/-1}.stock-category:before{content:'الفئة: ';color:#8c9993}.stock-price:before{content:'السعر: ';color:#8c9993}.stock-quantity:before{content:'الكمية: ';color:#8c9993;font-size:11px;font-weight:400}.stock-status{grid-column:1/-1}.stock-actions{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{padding:0 16px}.page-shell{padding:25px 15px 45px}.intro{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary-grid article{padding:14px}.summary-grid strong{font-size:24px}.editor-panel,.catalog-panel,.next-step{padding:18px 15px;border-radius:15px}.panel-heading,.catalog-heading{align-items:flex-start;flex-direction:column}.private-pill{font-size:10px}.form-grid{grid-template-columns:1fr;gap:12px}.description-field{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.search-field,.search-field input{width:100%}.stock-row{grid-template-columns:1fr 1fr;font-size:11px}.stock-actions .text-action{font-size:10px}.list-tools{align-items:stretch;flex-direction:column}.list-tools>*{width:100%;text-align:center}.topbar-label{font-size:10px;padding:7px 10px}}