@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600&display=swap');
:root{--ink:#203b33;--green:#254c3d;--gold:#aa8850;--paper:#f7f6f0;--line:#dfE3da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Readex Pro',sans-serif;display:flex;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:7px;padding:12px 20px;color:var(--ink)}button:disabled{opacity:.55;cursor:wait}a{color:inherit}aside{width:260px;background:#183c30;color:#e7ece4;padding:35px 26px;position:fixed;right:0;top:0;bottom:0}.brand{display:block;background:#faf9f2;border-radius:8px;text-align:center;padding:12px}.brand img{width:145px;height:95px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:.5px;color:var(--gold);margin:28px 0 8px}h1{font:700 29px 'Noto Naskh Arabic',serif;margin:0}aside>p:not(.eyebrow){font-size:12px;color:#b9c9be}nav{margin:40px 0}nav button{display:flex;justify-content:space-between;width:100%;background:transparent;color:#d5dfd7;border:0;text-align:right;margin:8px 0}nav button.active{background:#315646;color:white}.site-link{display:block;text-decoration:none;font-size:12px;margin-top:24px;color:#d5dfd7}main{margin-right:260px;padding:40px 5vw;width:calc(100% - 260px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header .eyebrow{margin-top:0}h2{font:700 36px 'Noto Naskh Arabic',serif;margin:0}header p:last-child,footer{color:#718176;font-size:13px}.primary{background:var(--green);color:white;border-color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.stats div{background:#fff;padding:24px;border:1px solid var(--line);border-top:3px solid #b5a076;border-radius:8px;display:flex;align-items:baseline;gap:15px}.stats strong{font:36px 'Noto Naskh Arabic',serif}.stats span{font-size:12px;color:#718176}.content-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:15px}h3{margin:0;font-size:16px}.panel-title input{max-width:260px}.item{display:flex;align-items:center;gap:18px;padding:20px 25px;border-bottom:1px solid #eff0eb}.item img{height:65px;width:65px;object-fit:cover;border-radius:6px}.item .info{flex:1}.item h4{margin:0 0 8px;font:700 21px 'Noto Naskh Arabic',serif}.item p{font-size:11px;color:#718176;margin:0}.badge{display:inline-block;background:#edf4ec;color:#406742;font-size:10px;padding:5px 8px;border-radius:20px;margin-left:8px}.badge.draft{background:#f6eedc;color:#85652d}.empty{padding:45px;text-align:center;color:#718176}footer{margin-top:26px}dialog{width:min(850px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:12px;padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10291ec2}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-header .eyebrow{margin-top:0}.editor-header h2{font-size:28px}.editor-header button{border:0;background:none}label{display:block;margin:18px 0;font-size:13px}input:not([type=hidden]),textarea,select{display:block;width:100%;padding:12px;background:white;border:1px solid #ccd5c9;border-radius:6px;margin-top:8px;color:var(--ink)}textarea{line-height:1.9;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}small,.hint{font-size:11px;color:#718176;line-height:1.8}.preview{max-width:220px;max-height:180px;object-fit:contain;border-radius:5px}.editor-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--line);position:sticky;bottom:-30px;background:var(--paper);padding-bottom:15px}#message,#formMessage{line-height:1.8;color:#526946}#message:empty,#formMessage:empty{display:none}#message{margin-bottom:20px}.error{color:#a1392d!important}[hidden]{display:none!important}@media(max-width:800px){aside{position:relative;width:100%;padding:16px 20px}.brand{float:right;margin-left:20px}.brand img{width:70px;height:50px}aside h1{font-size:24px}aside .eyebrow{margin-top:0}aside>p:not(.eyebrow){display:none}nav{display:flex;margin:20px 0 0;gap:12px;clear:both}.site-link{display:inline-block;margin:10px 0 0 20px}body{display:block}main{margin:0;width:100%;padding:26px 18px}header{gap:10px}.stats{gap:8px}.stats div{padding:12px;display:block}.stats span{display:block}.item{padding:16px 12px;gap:10px}.item img{width:45px;height:55px}.item h4{font-size:18px}.item button{padding:8px 12px}.panel-title{padding:15px}.panel-title input{max-width:160px}.row{grid-template-columns:1fr;gap:0}dialog{padding:20px}.editor-actions{bottom:-20px}h2{font-size:30px}}

.preview-banner{background:#e8efdf;border:1px solid #c7d5bb;padding:15px 20px;border-radius:8px;font-size:13px;line-height:1.9;margin:0 0 25px}dialog input:disabled,dialog textarea:disabled,dialog select:disabled{opacity:1;background:#f4f4ef;color:#526052;cursor:default}

.pdf-upload {
  min-width: 0;
  margin: 1.25rem 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.pdf-upload legend { padding-inline: .5rem; font-weight: 600; }
.pdf-drop {
  display: grid;
  justify-items: center;
  gap: .6rem;
  padding: 1.2rem .75rem;
  border: 1px dashed #a2b6ab;
  border-radius: 8px;
  background: #f5f8f4;
  text-align: center;
}
.pdf-drop.is-dragging { border-color: var(--green); background: #e8efdf; }
.pdf-status { margin-top: .8rem; }
.pdf-status bdi { display: block; font-weight: 600; overflow-wrap: anywhere; }
.pdf-status p { margin: .35rem 0; font-size: .85rem; }
.pdf-status.error p { color: #9c3024; }
.pdf-transfer { display: flex; align-items: center; gap: .6rem; margin-top: .45rem; }
.pdf-transfer progress { flex: 1; min-width: 0; height: .65rem; accent-color: var(--green); }
.pdf-transfer output { min-width: 3.2ch; text-align: end; }
.pdf-upload details { margin-top: .9rem; font-size: .85rem; }
.pdf-upload summary { cursor: pointer; }
.pdf-upload [hidden] { display: none; }

#request-list-status,#request-list-more{margin:16px 24px}
.request-card{padding:18px 24px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.request-card h4{margin:0 0 10px}
.request-card p{margin:6px 0;white-space:pre-wrap}