@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--forest:#181715;--forest2:#353028;--mint:#f7f1e7;--mint2:#f0e5d7;--green:#806036;--gold:#c69e62;--bg:#f8f7f4;--panel:#fff;--border:#e9e5df;--text:#25221f;--muted:#79736e;--bad:#ba434c;--warn:#a36a27;--shadow:0 10px 36px #2420180a}*{box-sizing:border-box}html{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--green)}input,select{width:100%;border:1px solid #d8e4da;background:white;padding:11px 12px;outline:0;border-radius:11px;color:var(--text)}input:focus,select:focus{border-color:#52a075;box-shadow:0 0 0 3px #b5dbc55c}input[type=number]{direction:ltr;text-align:right}input[type=checkbox]{width:auto}.shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:none;background:var(--forest);color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 15px;border-bottom:1px solid #ffffff20}.logo-mark{background:#daf3da;color:var(--forest);width:44px;height:44px;display:grid;place-items:center;font-size:27px;border-radius:15px;font-weight:800}.brand strong{font-size:20px}.brand small{display:block;color:#b6cfbf;font-size:10px}.nav{display:grid;gap:7px}.nav button{width:100%;background:transparent;border:0;color:#c6dacf;display:flex;align-items:center;text-align:right;gap:12px;padding:12px;border-radius:11px;font-size:13px}.nav button.active,.nav button:hover{color:#fff;background:#ffffff20}.nav .ico{font-size:19px;width:26px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid #ffffff26;padding:16px 8px 2px;color:#d4e7d9}.side-bottom small{display:block;opacity:.7;font-size:11px}.main{min-width:0;flex:1}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:19px 30px;display:flex;justify-content:space-between;gap:15px;align-items:center}.topbar h2{margin:0;font-size:20px}.topbar small{color:var(--muted)}.user-chip{display:flex;align-items:center;gap:12px}.avatar{background:var(--mint);color:var(--forest);width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font-size:21px}.layout{padding:28px 30px 60px;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-head h1{font-size:25px;margin:0}.section-head p{margin:3px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.card{padding:20px}.card-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:12px;font-size:22px;margin-bottom:12px}.card small{display:block;color:var(--muted);font-size:12px}.card strong{display:block;font-size:24px;direction:ltr;text-align:right;line-height:1.5}.card .suffix{font-size:12px;color:var(--muted)}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.panel-head h3{margin:0;font-size:17px}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.muted-2{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field label{display:block;margin-bottom:7px;font-size:12px;color:#486155;font-weight:700}.wide{grid-column:1/-1}.btn{background:var(--forest);border:1px solid var(--forest);border-radius:11px;color:white;padding:10px 18px;white-space:nowrap;font-weight:700}.btn:hover{background:var(--forest2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:white;color:var(--forest);border-color:#c6d9ca}.btn.secondary:hover{background:var(--mint)}.btn.danger{background:#fff3f3;color:var(--bad);border-color:#f1d5d5}.btn.small{padding:7px 11px;font-size:11px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:600px;text-align:right}.data-table th{font-weight:700;background:#f7faf8;color:#63766a;font-size:11px;padding:13px 12px;white-space:nowrap}.data-table td{border-top:1px solid #edf0ee;padding:12px;font-size:12px;white-space:nowrap}.data-table tr:hover td{background:#fbfdfb}.mono{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.tag{display:inline-flex;border-radius:25px;padding:4px 10px;background:var(--mint);color:var(--green);font-size:11px;font-weight:700}.tag.warn{background:#fff4e5;color:var(--warn)}.tag.bad{background:#fff1f2;color:var(--bad)}.empty{text-align:center;color:var(--muted);padding:38px}.divider{height:1px;background:var(--border);margin:20px 0}.summary-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px dashed #dae2dc;padding:11px 0}.summary-row:last-child{border:0}.summary-row b{font-size:18px}.demo-bar{background:#fff2cf;color:#724d08;text-align:center;padding:9px;font-size:12px}.notice{background:#eef7f0;border:1px solid #d5e9d9;padding:14px;border-radius:12px;color:#315942;margin:12px 0}.warning{background:#fff5e8;border-color:#f1ddbe;color:#905e22}.error-box{background:#fff1f2;border-color:#f5d4d7;color:#ab2938}.loading,.auth-page{min-height:100vh;display:grid;place-content:center;padding:25px;text-align:center}.loading .logo-mark{margin:auto}.auth-card{width:min(430px,calc(100vw - 32px));background:#fff;padding:30px;border:1px solid var(--border);border-radius:23px;box-shadow:var(--shadow);text-align:right}.auth-card h1{text-align:center;font-size:22px}.auth-card .logo-mark{margin:0 auto}.auth-card .field{margin:13px 0}.auth-card .btn{width:100%;margin-top:12px}.auth-card p{text-align:center}.auth-page{background:radial-gradient(circle at 15% 15%,#dbeede 0,transparent 40%),var(--bg)}.pill{background:#edf5ee;border-radius:20px;padding:6px 11px;color:#326346;font-size:11px}.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--border);padding:14px;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:5px}.product-card strong{font-size:14px}.product-card .btn{margin-top:auto}.selected{border-color:#68a87c;background:#f4fbf5}.sale-preview{background:var(--mint);border:1px solid #cae6d1;border-radius:14px;padding:16px;display:grid;gap:10px}.sale-preview strong{font-size:27px}.mobile-nav{display:none}.toast{position:fixed;bottom:20px;left:20px;background:var(--forest);color:white;padding:13px 20px;border-radius:13px;box-shadow:var(--shadow);z-index:30;max-width:calc(100vw - 36px)}.toast.bad{background:#a12b36}.desktop-only{display:block}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar input{max-width:290px}.loading-inline{padding:20px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.product-list{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:750px){.sidebar{display:none}.topbar{padding:15px 17px}.topbar h2{font-size:17px}.layout{padding:18px 12px 100px}.section-head h1{font-size:20px}.cards{gap:9px}.card{padding:14px}.card strong{font-size:21px}.panel{padding:16px;border-radius:14px}.form-grid,.form-grid.two{grid-template-columns:1fr}.three{grid-template-columns:1fr}.product-list{grid-template-columns:1fr 1fr}.mobile-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--border);z-index:20;justify-content:space-around;gap:1px;padding:5px 0 max(8px,env(safe-area-inset-bottom))}.mobile-nav button{background:transparent;border:0;display:grid;gap:2px;place-items:center;font-size:10px;color:#72857b;flex:1;padding:6px 2px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--green);font-weight:800}.user-chip small{display:none}.desktop-only{display:none}.topbar .avatar{width:34px;height:34px}.toast{bottom:83px;right:12px;left:12px}.data-table{min-width:530px}.btn{padding:11px 14px}}@media(max-width:395px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:11px}.product-list{grid-template-columns:1fr}}

/* Editable brand identity */
.brand-img-wrap{background:#e0f5e5;width:44px;height:44px;display:inline-grid;place-items:center;border-radius:14px;flex:none;overflow:hidden;border:1px solid #ffffff2b}.brand-image{width:100%;height:100%;object-fit:contain;display:block}.auth-card>.brand-img-wrap{width:74px;height:74px;border-radius:20px;margin:0 auto 10px;background:#e0f5e5}.top-title{display:flex;align-items:center;gap:10px}.top-title>.brand-img-wrap{width:34px;height:34px;border-radius:10px}.mobile-brand-label{display:none;font-size:10px;color:#6d8375}.brand strong{font-size:16px;overflow-wrap:anywhere}.brand-preview{display:flex;align-items:center;gap:17px;border:1px solid #dce9df;border-radius:15px;padding:18px;background:#f8fbf8;margin-bottom:18px}.brand-preview .brand-img-wrap{height:76px;width:76px;border:1px solid #ddeadd;border-radius:18px}.brand-preview strong{display:block;font-size:20px;line-height:1.6;overflow-wrap:anywhere}.brand-preview small{display:block;color:#708078;margin-top:3px}@media(max-width:750px){.mobile-brand-label{display:block}.top-title>.brand-img-wrap{width:32px;height:32px}.brand-preview{padding:12px}}

/* LETO ERBIL couture identity — neutral cream / black / antique gold */
.sidebar{background:#191817;box-shadow:inset -1px 0 #ffffff14}
.nav button{color:#ddd5c9}.nav button.active{background:linear-gradient(90deg,#9b7846,#c29a64);color:#fff;box-shadow:0 2px 12px #120d0855}
.nav button:hover{background:#ffffff19}
.brand-img-wrap{background:#faf7f1!important;border:1px solid #e1d5c4!important;border-radius:10px!important;padding:3px}
.brand{gap:10px;padding-inline:0}.brand .brand-img-wrap{width:99px;height:62px;min-width:99px}.brand strong{font-size:14px;letter-spacing:.4px}.brand small{color:#c6ad89}
.top-title .brand-img-wrap{width:63px;height:38px}
.mobile-brand-label{color:#7d5b35}
.auth-page{background:radial-gradient(circle at 15% 15%,#eee2ce 0,transparent 45%),#f8f7f4}
.auth-card>.brand-img-wrap{width:194px;height:112px;background:#faf7f1;margin:0 auto 14px;border:0!important}
.auth-card h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:.7px;font-size:24px}
.brand-preview .brand-img-wrap{width:180px;height:98px;border-radius:12px}
.brand-preview{background:#fbfaf7;border-color:#ece5db}
.card-icon{background:#f8f0e4;color:#88653a}
.btn{background:#211e1a;border-color:#211e1a}.btn:hover{background:#483928}.btn.secondary{color:#42362a;border-color:#d7c8b3}.btn.secondary:hover{background:#faf3e8}
input:focus,select:focus{border-color:#a8804b;box-shadow:0 0 0 3px #b9956240}
.card,.panel{border-color:#ece7e0}.topbar{background:#fffdfb}
.notice{background:#f8f4ed;border-color:#e9d8bc;color:#675239}.pill{background:#f6eee1;color:#806036}
.sale-preview{background:#f8f4ec;border-color:#e6d7bf}.tag{background:#f5eddf;color:#81613b}.selected{border-color:#ba965f;background:#fdf8ed}
.mobile-nav button.active{color:#87653d}
@media(max-width:750px){.top-title .brand-img-wrap{width:66px;height:41px}.brand-preview .brand-img-wrap{width:136px;height:78px}}

.mobile-swap{display:none}@media(max-width:750px){.mobile-swap{display:block;font-size:10px!important;padding:8px!important}}
/* LETO ERBIL couture identity — neutral cream / black / antique gold */
.sidebar{background:#191817;box-shadow:inset -1px 0 #ffffff14}
.nav button{color:#ddd5c9}.nav button.active{background:linear-gradient(90deg,#9b7846,#c29a64);color:#fff;box-shadow:0 2px 12px #120d0855}
.nav button:hover{background:#ffffff19}
.brand-img-wrap{background:#faf7f1!important;border:1px solid #e1d5c4!important;border-radius:10px!important;padding:3px}
.brand{gap:10px;padding-inline:0}.brand .brand-img-wrap{width:99px;height:62px;min-width:99px}.brand strong{font-size:14px;letter-spacing:.4px}.brand small{color:#c6ad89}
.top-title .brand-img-wrap{width:63px;height:38px}
.mobile-brand-label{color:#7d5b35}
.auth-page{background:radial-gradient(circle at 15% 15%,#eee2ce 0,transparent 45%),#f8f7f4}
.auth-card>.brand-img-wrap{width:194px;height:112px;background:#faf7f1;margin:0 auto 14px;border:0!important}
.auth-card h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:.7px;font-size:24px}
.brand-preview .brand-img-wrap{width:180px;height:98px;border-radius:12px}
.brand-preview{background:#fbfaf7;border-color:#ece5db}
.card-icon{background:#f8f0e4;color:#88653a}
.btn{background:#211e1a;border-color:#211e1a}.btn:hover{background:#483928}.btn.secondary{color:#42362a;border-color:#d7c8b3}.btn.secondary:hover{background:#faf3e8}
input:focus,select:focus{border-color:#a8804b;box-shadow:0 0 0 3px #b9956240}
.card,.panel{border-color:#ece7e0}.topbar{background:#fffdfb}
.notice{background:#f8f4ed;border-color:#e9d8bc;color:#675239}.pill{background:#f6eee1;color:#806036}
.sale-preview{background:#f8f4ec;border-color:#e6d7bf}.tag{background:#f5eddf;color:#81613b}.selected{border-color:#ba965f;background:#fdf8ed}
.mobile-nav button.active{color:#87653d}
@media(max-width:750px){.top-title .brand-img-wrap{width:66px;height:41px}.brand-preview .brand-img-wrap{width:136px;height:78px}}

/* Inventory count editor */
.quantity-field{padding:12px 13px 10px;border:1px solid #d9bb8b;border-radius:13px;background:#fdf9f1}
.quantity-field label{color:#72502b;font-size:13px}
.quantity-field input{font-size:19px;font-weight:750;border-color:#c8ad84;background:#fff}
.quantity-field .hint{margin:6px 0 0}
.stock-count-panel{border-color:#d9bb8b;box-shadow:0 6px 25px #9d793015}
.stock-current{border:1px solid var(--border);padding:13px;border-radius:11px;background:#f9f7f4;min-height:47px;display:flex;gap:9px;align-items:center}
.stock-current strong{font-size:22px;color:#76522b}
@media(max-width:750px){.quantity-field input{font-size:18px}}

.cloud-pill{display:inline-flex;align-items:center;border:1px solid #b9d7c5;border-radius:99px;background:#f0f9f4;color:#236348;font-size:11px;padding:4px 10px;margin-top:5px}.cloud-pill.syncing{border-color:#e0bb77;background:#fff9ea;color:#9a6700}