@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#263a31;--muted:#7b817c;--paper:#f7f8f5;--line:#e7eae3;--green:#354d3e;--cream:#e9e6da;--sidebar:240px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans','Noto Sans Arabic',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#73876a}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;border:1px solid var(--green);padding:13px 20px;border-radius:7px;cursor:pointer;font-weight:550;white-space:nowrap}button:hover,.button:hover{background:#25392d;color:white}button:focus-visible,a:focus-visible{outline:3px solid #bd9b65;outline-offset:3px}.secondary{background:#fff;color:var(--ink);border:1px solid #d8ded4}.secondary:hover{background:#eef1e9;color:var(--ink)}.small{padding:9px 13px;font-size:12px}.text-button,.icon-button{background:none;border:0;color:var(--ink);padding:8px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:34px 20px;z-index:20}.brand{font:600 28px 'Manrope',sans-serif;letter-spacing:6px;display:block;text-align:center}.brand span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:6px}.workspace{border:1px solid var(--line);border-radius:8px;padding:12px 9px;margin:34px 0 28px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.store-icon,.avatar{display:grid;place-items:center;background:#edece4;width:32px;height:32px;border-radius:7px;font-family:'Manrope'}.online{width:6px;height:6px;border-radius:50%;background:#78926b;margin-inline-start:auto}.nav-caption{font-size:9px;color:#8a9189;letter-spacing:1.5px;padding:0 14px;margin-bottom:13px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;color:#747e73;font-size:13px;border-radius:6px}.sidebar nav a.active{background:#eaf0e5;color:#344b36;font-weight:600}.sidebar nav i{font-size:20px;font-style:normal;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:20px;font-size:12px;color:#717a70}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px}.profile form{margin-inline-start:auto}.main{margin-inline-start:var(--sidebar)}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff}.breadcrumb{font-size:12px}.breadcrumb span{margin:0 14px;color:#bbc1b8}.top-actions{display:flex;gap:22px;align-items:center}.top-actions select{padding:8px;border:0;background:transparent;font-size:12px}.location{font-size:11px;color:#7e8877}.content{padding:36px 38px;max-width:1600px;margin:auto;min-height:calc(100vh - 140px)}h1,h2,h3{font-family:'Manrope','Noto Sans Arabic',sans-serif;font-weight:650;line-height:1.35}h1{font-size:28px;letter-spacing:-1px;margin:9px 0}h2{font-size:17px;margin:0}h3{font-size:15px;margin:8px 0}p{color:var(--muted);line-height:1.8;margin:9px 0 0}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8b9386}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.stats article{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.stats article>div{display:flex;justify-content:space-between;align-items:center;color:#77816f;font-size:11px}.stats article>div span{width:29px;height:29px;display:grid;place-items:center;background:#f3f5ef;border-radius:7px;font-size:17px}.stats strong{display:block;font:600 clamp(20px,2vw,29px) 'Manrope';margin:15px 0}.stats small{font-size:10px;color:#92988c}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px}.section-heading a{font-size:11px;color:#718363}.section-heading p{font-size:11px;margin:3px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}th{text-align:start;background:#fafbf8;color:#8b9286;font-size:10px;letter-spacing:.2px;font-weight:500;padding:13px 20px;border-block:1px solid var(--line)}td{padding:18px 20px;border-bottom:1px solid #f0f2ec;font-size:12px}td small{display:block;font-size:10px;color:#949a90;margin-top:5px}.amount{font-weight:600}.order-link{font-weight:600}.badge{font-size:10px;font-weight:500;display:inline-block;background:#edf0e8;color:#6c7b5f;padding:6px 9px;border-radius:4px;white-space:nowrap}.badge.new{background:#f7efdf;color:#a68743}.badge.production{background:#eee9df;color:#8e7957}.badge.delivered{background:#e8f1e5;color:#658357}.badge.cancelled{background:#fae9e6;color:#ab6258}.badge.ready{background:#e4eeee;color:#568686}.editorial{border-radius:9px;background:#e6e6d8;padding:26px 23px;overflow:hidden;display:flex;flex-direction:column}.editorial .eyebrow{color:#8b9078;font-size:8px}.editorial h2{font-family:Georgia,'Noto Sans Arabic',serif;font-size:28px;line-height:1.2;font-weight:400;margin-top:17px;max-width:190px}.editorial p{font-size:10px}.editorial img{width:125%;margin:0 -12%;height:160px;object-fit:contain}.editorial a{font-size:11px;border-top:1px solid #cfd3c1;padding-top:17px;margin-top:auto;display:flex;justify-content:space-between}.collection-heading{padding:30px 0 19px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.product-visual{display:block;position:relative;aspect-ratio:1.45;background:#eeece5;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual .placeholder{object-fit:contain;padding:18px;opacity:.85}.product-card:nth-child(3n+2) .product-visual{background:#e5e8df}.product-card:nth-child(3n) .product-visual{background:#e8e4df}.photo-label{position:absolute;bottom:9px;inset-inline-start:12px;font-size:9px;color:#8a8e81}.photo-badge{position:absolute;top:12px;inset-inline-end:12px;background:#ffffffd9}.product-info{padding:17px}.product-info small{font-size:9px;letter-spacing:.5px;color:#969c8f}.product-info h3{margin:8px 0 13px}.product-info>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.product-info>div span{font-size:10px;color:#929989}.empty{text-align:center;padding:42px 25px;white-space:normal}.empty h3{font-size:13px;margin-bottom:12px}.empty a{font-size:12px;color:#78906b}.empty-icon{font-size:30px;color:#b4bea8;margin-bottom:12px}.filters{display:flex;gap:12px;margin:0 0 25px}.filters input{flex:1;max-width:400px}input,select,textarea{width:100%;border:1px solid #dfe4d9;border-radius:6px;padding:11px 12px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #b0c19f;outline-offset:1px}.filters select{width:auto;min-width:180px}.form-panel{padding:26px;margin-bottom:23px}.form-panel h2{margin-bottom:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid.thirds{grid-template-columns:repeat(3,1fr)}.field label,.stack label{display:block;font-size:12px;margin-bottom:8px;font-weight:500}.field small{display:block;color:#939b8c;font-size:10px;margin-top:5px}.required{color:#9d805b}.step{color:#a2ac97;font-size:12px;margin-inline-end:14px}.line-item{border:1px solid var(--line);border-radius:7px;padding:20px;margin-bottom:20px;background:#fcfdfb}.errorlist{padding:12px;background:#fff0ec;color:#a74c38;font-size:12px;list-style:none;border-radius:5px}.message{padding:15px;background:#e6efdf;margin-bottom:20px}.message.error{background:#fce9e6;color:#974a3d}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.receipt-item{border-bottom:1px solid var(--line);padding:18px 0}.receipt-item .section-heading{padding:0}.receipt-item:last-child{border-bottom:0}.totals{margin:0}.totals>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:13px}.totals dd{margin:0;font-weight:600}.totals .grand{border-top:1px solid var(--line);padding-top:20px;font-size:17px}.totals .balance{background:#edf1e7;padding:17px;margin:0 -10px -10px;border-radius:6px}.stack{display:grid;gap:14px}.stack label input,.stack label select,.stack label textarea{margin-top:8px}.payment-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.payment-row small,.event small{display:block;color:#8d9785;font-size:10px;margin-top:5px}.event{display:flex;gap:15px;margin-bottom:20px;font-size:12px}.dot{width:7px;height:7px;background:#a1b68c;border-radius:50%;margin-top:5px}.attachment{display:flex;align-items:end;gap:10px;margin-top:15px;font-size:10px}.attachment input{font-size:10px;padding:6px}.reference-images{display:flex;gap:10px;flex-wrap:wrap}.reference-images img{height:90px;width:90px;object-fit:cover;border-radius:6px;margin-top:10px}.fabric-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fabric-grid .section-heading{padding:0}.swatches{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.swatches>div{width:75px}.swatch{display:block;width:65px;height:65px;object-fit:cover;border-radius:50%;box-shadow:inset 0 0 25px #0001;border:5px solid #f6f6f1;margin-bottom:10px}.swatches strong{font-size:12px}.swatches small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.workshop-icon{font-size:30px;color:#a3b394}.pagination{display:flex;justify-content:center;gap:20px;padding:25px}.public .main{margin:0}.public .content{max-width:1300px}.public .topbar{padding:0 max(5vw,25px);height:100px}.public .brand{font-size:23px}.public .topbar>a:nth-child(2){margin-inline-start:40px;margin-inline-end:auto;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e7e7da;border-radius:12px;padding:50px;min-height:380px;overflow:hidden}.hero h1{font:400 49px/1.1 Georgia,'Noto Sans Arabic',serif;letter-spacing:-1px;margin:20px 0}.hero p{max-width:370px;font-size:14px;margin-bottom:25px}.hero img{width:120%;margin-inline-start:-5%}.search{display:flex;gap:10px}.product-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.product-detail h1{font-size:40px;margin:20px 0}.product-detail h2{margin:20px 0}.product-detail .stack{margin-top:30px}.gallery img{width:100%;border-radius:10px;margin-bottom:15px;background:#ecece0}.checkmark{display:grid;place-items:center;background:#e7eddf;width:75px;height:75px;font-size:32px;border-radius:50%;margin:20px auto}.confirmation p{margin:20px 0 30px}footer{display:flex;gap:12px;align-items:center;padding:20px 38px;color:#939b8c;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:0}@media(min-width:1500px){.content{padding:45px 50px}.stats{margin-bottom:35px}.editorial img{height:190px}}@media(max-width:1150px){:root{--sidebar:210px}.content{padding:26px}.topbar{padding:0 26px}.stats{gap:12px}.stats article{padding:17px}.dashboard-grid{grid-template-columns:1fr}.editorial{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.page-heading h1{font-size:24px}.location{display:none}}@media(max-width:800px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;padding:18px;display:block;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:20px;text-align:start}.sidebar .brand span{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:18px}.sidebar nav a{padding:8px;font-size:11px;white-space:nowrap}.sidebar nav i{font-size:16px}.workspace,.nav-caption,.sidebar-bottom{display:none}.topbar{height:58px;padding:0 20px}.content{padding:23px 18px}.page-heading{align-items:start;gap:15px}.page-heading h1{font-size:22px}.page-heading .button{font-size:11px;padding:11px}.stats{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.detail-grid,.product-detail,.fabric-grid{grid-template-columns:1fr}.form-panel{padding:20px}.hero{padding:30px;grid-template-columns:1fr}.hero h1{font-size:40px}.hero img{width:100%;height:220px;object-fit:contain}.public .topbar>a:nth-child(2){display:none}.public .topbar{height:80px}.filters{flex-wrap:wrap}.filters input{min-width:100%}.form-grid.thirds{grid-template-columns:1fr}.top-actions{gap:8px}.breadcrumb{font-size:10px}.public .top-actions select{width:75px}.section-heading{padding:20px}}@media(max-width:450px){.product-grid,.form-grid{grid-template-columns:1fr}.stats strong{font-size:23px}.stats article{padding:16px}.page-heading{flex-direction:column}.product-visual{aspect-ratio:1.6}.hero h1{font-size:34px}}@media print{.sidebar,.topbar,footer,.no-print{display:none!important}.main{margin:0}.content{padding:0;max-width:none}body{background:white;font-size:11px}.detail-grid{grid-template-columns:1fr 260px}.panel{break-inside:avoid}.form-panel{padding:16px;margin-bottom:15px}.page-heading{margin-bottom:20px}h1{font-size:24px}p{color:#333}.reference-images img{height:60px;width:60px}}
