@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#17211f;font-synthesis:none;background:#f4f7f6;font-family:Noto Sans Arabic,Tahoma,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #35a99d}.app-shell{width:min(1100px,100% - 32px);margin:0 auto;padding:36px 0 52px}.site-header{border-bottom:1px solid #d8e1de;padding-bottom:21px}h1,h2,p{margin:0}h1{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.5}.site-header p,.panel-heading p{color:#62716d;margin-top:3px;font-size:.9rem}nav{border-bottom:1px solid #d8e1de;gap:8px;margin:22px 0;display:flex}nav button{color:#52615d;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 16px}nav button.active{color:#096b63;border-color:#0f766e;font-weight:700}.panel{background:#fff;border:1px solid #dbe5e2;border-radius:12px;padding:clamp(18px,3vw,30px);box-shadow:0 4px 18px #142b250a}.panel-heading{margin-bottom:24px}h2{font-size:1.15rem}fieldset{border:0;border-top:1px solid #e5ece9;margin:20px 0 0;padding:20px 0 0}fieldset:first-of-type{margin-top:0}legend{color:#0d625c;padding:0 0 10px;font-size:.95rem;font-weight:700}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;display:grid}.field{gap:7px;display:grid}label{font-size:.92rem;font-weight:600}input{text-align:right;color:#17211f;direction:rtl;background:#fff;border:1px solid #bacbc6;border-radius:7px;width:100%;min-width:0;padding:10px 12px;line-height:1.5}input:hover{border-color:#7d9690}.form-footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.primary,.danger{color:#fff;border:0;border-radius:7px;min-height:44px;padding:10px 20px;font-weight:700}.primary{background:#0f766e}.primary:hover:not(:disabled){background:#0b615b}.primary:disabled{cursor:wait;opacity:.7}.danger{background:#b42318;margin-top:24px}.danger:hover{background:#8f1d14}.message{color:#52615d;font-size:.9rem}.message.success{color:#087443}.message.error{color:#b42318}.search{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:22px;display:grid}.search input{min-height:44px}.invoice-list{border-top:1px solid #e5ece9;margin:0;padding:0;list-style:none}.invoice-list li{border-bottom:1px solid #e5ece9}.invoice-list li button{text-align:right;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px;padding:15px 6px;display:grid}.invoice-list li button:hover{background:#f4f9f8}.invoice-list span{gap:2px;display:grid}.invoice-list strong{font-size:.94rem}.invoice-list small{text-align:right;color:#667571;direction:ltr;font-size:.82rem}.invoice-list .open-label{color:#0d7068;white-space:nowrap;font-size:.86rem;font-weight:700}.detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.text-button{color:#0d7068;background:0 0;border:0;padding:4px;font-weight:700}.invoice-data{border-top:1px solid #e5ece9;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.invoice-data>div{border-bottom:1px solid #e5ece9;padding:14px 0}.invoice-data>div:nth-child(odd){padding-left:16px}dt{color:#59706a;font-size:.82rem;font-weight:600}dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.app-shell{width:min(100% - 22px,1100px);padding-top:20px}nav{overflow-x:auto}nav button{white-space:nowrap;padding-inline:11px}.field-grid,.invoice-data,.search{grid-template-columns:1fr}.invoice-list li button{grid-template-columns:1fr 1fr}.invoice-list .open-label{display:none}.invoice-data>div:nth-child(odd){padding-left:0}}