:root{--navy:#10283e;--blue:#155c83;--ink:#20394c;--muted:#627787;--border:#dbe5eb;--bg:#f3f6f8;--teal:#087c78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"neo-sans-arabic",sans-serif;line-height:1.8}header{max-width:1240px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:bold;text-decoration:none}.brandmark{width:44px;height:44px;border-radius:12px;background:var(--navy);color:white;display:grid;place-items:center;font-size:19px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:normal}.pill{font-size:11px;color:var(--teal);background:#e2efeb;border-radius:25px;padding:7px 14px}main{max-width:1180px;margin:auto;padding:38px 24px}.intro{max-width:750px;margin-bottom:34px}.eyebrow{font-size:12px;font-weight:bold;color:var(--teal);margin-bottom:8px}h1{font-size:42px;line-height:1.55;letter-spacing:-1px;margin:0 0 16px;color:var(--navy)}h1 span{color:var(--blue)}.intro p{color:var(--muted);max-width:650px}.intro-tags{display:flex;gap:10px;margin-top:20px}.intro-tags span{font-size:11px;border:1px solid var(--border);padding:4px 12px;border-radius:20px;background:white}.workspace{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 5px 20px #15344a04}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.step{display:grid;place-items:center;background:#edf3f6;border-radius:10px;width:35px;height:35px;color:var(--blue);font-size:12px;flex-shrink:0}.section-title h2{font-size:19px;margin:0}.section-title p{font-size:12px;color:var(--muted);margin:3px 0 0}fieldset{padding:0;border:0;margin:0 0 25px}legend{font-weight:bold;font-size:13px;border-bottom:1px solid var(--border);width:100%;margin-bottom:15px;padding-bottom:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:bold}input,select,textarea{width:100%;font:inherit;font-weight:normal;color:var(--ink);border:1px solid #cedbe4;border-radius:9px;padding:12px;margin-top:6px;background:#fcfdfe;min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid #57a6c3;outline-offset:2px}.hint{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 0}.buttons{display:flex;flex-wrap:wrap;gap:10px}button{cursor:pointer;font:inherit;border-radius:9px;border:0;padding:12px 18px;font-size:13px;font-weight:bold}.primary{background:var(--navy);color:white;flex:1}.primary span{float:left}.secondary{background:#edf3f6;color:var(--navy)}button:hover{filter:brightness(.94)}button:focus-visible,summary:focus-visible{outline:3px solid #57a6c3;outline-offset:3px}.result{border-top:4px solid var(--teal);position:relative}.empty{text-align:center;padding:50px 10px;color:var(--muted);font-size:18px}.empty small{font-size:12px}.note{font-size:12px;color:var(--muted);padding:18px 12px}.big-price{font-size:34px;font-weight:bold;color:var(--navy);line-height:1.5;font-variant-numeric:tabular-nums}.currency{font-size:12px;color:var(--muted)}.result-tag{font-size:12px;color:var(--teal)}.range{background:#edf7f4;color:#126961;padding:12px;border-radius:10px;margin:15px 0;font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric{padding:12px;background:#f3f6f8;border-radius:10px}.metric small{display:block;font-size:11px;color:var(--muted)}.metric strong{font-size:18px}details{margin-top:14px}summary{cursor:pointer;font-weight:bold;font-size:13px}table{width:100%;border-collapse:collapse;font-size:11px;margin-top:12px}td,th{padding:8px 0;border-bottom:1px solid var(--border);text-align:right}td:last-child{text-align:left;white-space:nowrap;padding-right:12px}.warning-list{font-size:11px;color:var(--muted);padding-right:18px}.blocked{background:#fff1e9;border-radius:10px;padding:15px;color:#8b421c;font-size:13px}.examples{margin-top:25px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.example-grid button{text-align:right;background:#f5f8fa;border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:5px}.example-grid small{font-size:11px;color:var(--muted);font-weight:normal}.example-grid strong{font-size:22px;color:var(--navy)}.example-grid em{font-size:10px;font-style:normal}.example-grid span{font-size:10px;color:var(--blue)}.comparison{border:1px solid #c7dfe8;border-radius:9px;padding:10px;font-size:12px;margin-top:12px}.methodology,.settings{font-size:12px;color:var(--muted);margin-top:18px}.methodology summary,.settings summary{color:var(--ink)}textarea{font-family:"neo-sans-arabic",sans-serif;font-size:12px;line-height:1.6;resize:vertical}.settings .buttons{margin-top:15px}footer{border-top:1px solid var(--border);max-width:1180px;margin:auto;padding:25px;font-size:12px;color:var(--navy)}footer span{float:left;color:var(--muted)}.print-button{margin-top:15px;width:100%;background:#edf3f6;color:var(--navy)}@media(min-width:900px){aside{position:sticky;top:20px}}@media(max-width:800px){header{padding:18px}.pill{font-size:9px;padding:5px 8px}main{padding:26px 16px}.workspace{grid-template-columns:1fr}h1{font-size:32px}.card{padding:20px}.example-grid{grid-template-columns:1fr}.intro{margin-bottom:25px}.big-price{font-size:30px}footer span{float:none;display:block}}@media(max-width:380px){.grid{grid-template-columns:1fr}.brand{font-size:12px}.pill{max-width:110px}}@media print{header,.intro,.form-card,.examples,.methodology,.settings,footer,.print-button,.note{display:none}.workspace{display:block}aside{position:static}.card{box-shadow:none}.warning-list{color:#333}details>*{display:block!important}body{background:white}main{padding:0}.result{border:0}}

body,body input,body select,body textarea,body button,body table,body summary{font-family:"neo-sans-arabic",sans-serif;}

#side-category-field[hidden]{display:none!important}