@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#080858;--deep:#09091d;--orange:#f29100;--ink:#111b3a;--muted:#68738a;--line:#e4e9f2;--soft:#f6f8fc;--green:#16734b;--red:#a63428}*{box-sizing:border-box}body{margin:0;background-color:var(--deep);background-image:radial-gradient(#f2910020 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px,20px 20px,20px 20px;color:var(--ink);font-family:Cairo,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5dcec;border-radius:10px;padding:10px 16px;background:#fff;color:var(--navy);font-weight:700;transition:.16s}button:hover{border-color:var(--orange);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait;transform:none}.primary{background:var(--navy);border-color:var(--navy);color:white}.primary:hover{background:#111184;color:#fff}.secondary,.text-button,.icon-button{background:#fff}.text-button{border:0;padding-inline:0}.icon-button{font-size:26px;padding:2px 12px}header{height:78px;background:var(--navy);border-bottom:3px solid var(--orange);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);color:#fff}.brand,.account{display:flex;align-items:center;gap:16px}.brand img{width:104px;height:46px;object-fit:contain}.brand span{border-right:1px solid #ffffff55;padding-right:15px;font-weight:800}.account{font-size:13px}.account button{background:#ffffff12;color:#fff;border-color:#ffffff55}main{width:min(1320px,calc(100% - 36px));margin:28px auto 60px;background:white;border-radius:22px;padding:30px;box-shadow:0 18px 55px #0005}.intro{min-height:195px;border-radius:17px;padding:28px 34px;background:linear-gradient(115deg,#11112d,var(--navy));border-right:5px solid var(--orange);color:white;display:flex;align-items:center;justify-content:space-between}.intro small{color:var(--orange);font-weight:800;letter-spacing:.08em}.intro h1{margin:7px 0;font-size:clamp(25px,4vw,38px);font-weight:900}.intro p{margin:0;color:#e1e6fa;max-width:760px}.intro-mark{font-weight:900;font-size:32px;color:var(--orange);border:1px solid #ffffff25;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;flex:0 0 auto;margin-inline-start:20px}#notice:empty{display:none}#notice:not(:empty){margin:18px 0;padding:11px 14px;background:#fff5e8;border-radius:10px;color:#9b4710}#notice.good{background:#eaf7f0;color:var(--green)}#notice.error{background:#fff0ee;color:var(--red)}nav{display:flex;gap:9px;overflow:auto;padding:22px 0 18px;border-bottom:1px solid var(--line)}.tab{white-space:nowrap}.tab.active{background:var(--navy);color:white;border-color:var(--navy);box-shadow:inset 0 -3px var(--orange)}.count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--orange);border-radius:50%;color:#111;font-size:12px}.page{padding-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-title h2,.section-title h3,.section-title h4{margin:0;font-size:22px;font-weight:900;color:var(--navy)}.section-title p{margin:3px 0 0;color:var(--muted);font-size:14px}.section-title.compact{margin:0 0 12px}.section-title.compact h3{font-size:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.calculator{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);gap:18px;align-items:start}.calculator label{margin:0}.wide{grid-row:span 2}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.quote-result{grid-column:1/-1;background:#f4f5ff;border:1px solid #e0e3ff;border-right:4px solid var(--orange);border-radius:12px;padding:14px 18px;display:grid;gap:2px}.quote-result span,.quote-result small{color:var(--muted)}.quote-result strong{font-size:29px;color:var(--navy)}.calc-fields>button{justify-self:start}.hint{color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:16px}.filters{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin-bottom:16px}label{display:block;font-weight:700;font-size:14px;color:#26324e;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #d5dcec;border-radius:10px;padding:11px 12px;color:var(--ink);background:white;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #08085812}textarea{min-height:110px;resize:vertical}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}.product-card{padding:16px;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:13px;display:flex;flex-direction:column;gap:7px}.product-card h3{margin:0;color:var(--navy);font-size:17px}.product-card small{color:var(--muted)}.product-card strong{color:var(--navy);font-size:15px}.product-card button{align-self:flex-start;margin-top:4px}.request-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:22px;align-items:start}.form-panel h3{margin:0;color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-panel>.primary{margin-top:12px}.stack{display:grid;gap:12px}.empty{padding:24px;text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.request-card,.history-card{border:1px solid var(--line);border-right:4px solid var(--orange);border-radius:13px;padding:16px}.request-head{display:flex;justify-content:space-between;gap:12px}.request-head strong{color:var(--navy)}.request-head small,.muted{color:var(--muted);font-size:13px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.badge{background:#f0f2fb;border-radius:20px;padding:3px 9px;font-size:12px}.badge.status{background:#fff2db}.specs{white-space:pre-wrap;overflow-wrap:anywhere}.request-price{font-weight:900;color:var(--navy);font-size:18px}.manager-update{background:var(--soft);padding:14px;border-radius:11px;margin-top:12px}.manager-update .form-grid{align-items:end}.update-history{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.update-row{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.update-row small{display:block;color:var(--muted)}.manage-panel{padding:18px}.manage-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 120px 110px auto auto;gap:12px;align-items:center;padding:13px 5px;border-bottom:1px solid var(--line)}.manage-row strong,.manage-row small{display:block}.manage-row small{color:var(--muted);font-size:12px}.manage-row .price-summary{font-size:13px;color:var(--muted)}.danger{color:var(--red);border-color:#efc4bf}.modal-backdrop{position:fixed;inset:0;background:#08091dcc;z-index:50;display:grid;place-items:center;padding:18px;overflow:auto}.editor{width:min(860px,100%);max-height:95vh;overflow:auto;box-shadow:0 25px 90px #0007}.editor .section-title{position:sticky;top:-22px;background:white;padding:8px 0;z-index:2}.size-row,.tier-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;padding:10px;background:var(--soft);border-radius:10px;margin:8px 0}.tier-row{grid-template-columns:1.1fr 1fr 1fr 1fr auto}.inline-check{display:flex;align-items:center;gap:9px;margin:18px 0}.inline-check input{width:auto}.actions{display:flex;gap:9px;margin-top:12px}.actions button{min-width:110px}.request-layout select{max-width:180px}.manage-list:empty:after{content:'لا توجد أصناف مطابقة';display:block;text-align:center;padding:25px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:850px){main{width:calc(100% - 20px);padding:18px;margin:12px auto 35px}.intro{padding:21px;min-height:160px}.intro-mark{width:55px;height:55px;font-size:23px}.brand img{width:80px}.brand span{font-size:13px}.account{gap:8px;font-size:11px}.account button{padding:8px}.calculator{grid-template-columns:1fr}.wide{grid-row:auto}.request-layout{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.manage-row{grid-template-columns:minmax(0,1fr) auto auto}.manage-row>*:nth-child(2),.manage-row>*:nth-child(3){display:none}.tier-row{grid-template-columns:1fr 1fr}.section-title{align-items:flex-start}.section-title h2{font-size:19px}nav{gap:6px}nav .tab{padding:9px 12px;font-size:13px}.request-head{flex-direction:column;gap:3px}}
.request-title{min-width:0;display:grid;gap:5px}.request-title>strong{font-size:16px;line-height:1.7}.request-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.request-meta bdi{unicode-bidi:isolate;direction:auto}.request-head>.status{align-self:flex-start}.request-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.request-actions .danger{color:var(--red);border-color:#e9c3bf}.request-edit-form{padding:14px;background:#f7f8fc;border:1px solid var(--line);border-radius:12px;margin:12px 0}.request-edit-form .edit-specs{grid-column:1/-1}.request-edit-form textarea{min-height:85px}.request-edit-form[hidden]{display:none!important}.update-history bdi{unicode-bidi:isolate;direction:auto}
.tier-picker{grid-column:1/-1;display:grid;gap:10px}.tier-picker>strong{font-size:15px;color:var(--navy)}.tier-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.tier-choice{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:right;padding:12px;border:1px solid var(--line);background:#fff;border-radius:11px}.tier-choice span{font-size:13px;color:#35415d}.tier-choice strong{white-space:nowrap;color:var(--navy);font-size:15px}.tier-choice small{font-size:11px;color:var(--muted)}.tier-choice.selected-tier{border:2px solid var(--navy);background:#f4f5ff;box-shadow:inset 0 -3px var(--orange)}
.account #notifWrap{display:inline-flex!important;align-items:center;position:relative;z-index:20}.account .notif-dropdown{left:0;right:auto}.account #notifBtn{flex:0 0 40px}.account #identity{white-space:nowrap}.account #logout{white-space:nowrap}
.variant-heading{margin-top:22px}.variant-list{display:grid;gap:13px}.variant-card{padding:14px;background:#f7f8fc;border:1px solid var(--line);border-right:4px solid var(--orange);border-radius:13px}.variant-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.variant-fields label{margin:0}.variant-fields .remove-variant{margin-bottom:1px}.variant-price-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.variant-price-head strong,.variant-price-head small{display:block}.variant-price-head strong{color:var(--navy)}.variant-price-head small{color:var(--muted);font-size:12px}.variant-card .tier-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;background:#fff;border:1px solid var(--line)}
@media(max-width:850px){.variant-fields{grid-template-columns:1fr 1fr}.variant-fields .remove-variant{grid-column:1/-1}.variant-price-head{align-items:stretch;flex-direction:column}.variant-card .tier-row{grid-template-columns:1fr 1fr}}

.studio-links{display:flex;gap:22px;padding:14px max(5vw,20px);background:#09091d;border:0;flex-wrap:wrap}.studio-links a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.studio-links a:hover{color:#f29100}

.home-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid #f29100;border-radius:9px;background:#f29100;color:#080858!important;text-decoration:none;font-weight:800;white-space:nowrap;line-height:1.6}.home-return:hover{background:#ffad34;color:#080858!important}.home-return:focus-visible{outline:3px solid white;outline-offset:3px}