:root{color-scheme:dark;--deep:#071a16;--ground:#12312b;--lift:#1e473e;--paper:#faf8f3;--ink:#17231f;--muted:#64716c;--green:#1f6655;--line:#d8ddd9;--gold:#c9a961;--danger:#9d2f39}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;padding:32px 18px;font-family:Tahoma,"Segoe UI",system-ui,sans-serif;line-height:1.65;color:var(--ink);background-color:#0a342c;background-image:url('/static/saudi-geometric-background-v5.png');background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:multiply}
.shell{width:min(100%,920px);margin:auto}.brand{text-align:center;color:#f4f1e8;margin-bottom:18px}.brand h1{margin:0;font-size:clamp(28px,5vw,42px)}.brand p{margin:4px 0;color:#d6dfdb}.card{background:var(--paper);border:1px solid #ffffff22;border-radius:20px;padding:clamp(20px,4vw,34px);box-shadow:0 28px 70px -28px #000}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:650}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #b8c4bf;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #1f665530;border-color:var(--green)}button{border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:#e7eeeb;color:var(--ink)}.danger{background:#fff0f1;color:var(--danger);border:1px solid #e5b8be}.actions{display:flex;gap:10px;flex-wrap:wrap}.note,.status{color:var(--muted)}.status.ok{color:var(--green)}.status.error{color:var(--danger)}.hidden{display:none!important}.hp{position:absolute;left:-10000px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.toolbar a{color:var(--green)}.request{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;background:#fff}.request h3{margin:0}.request p{margin:5px 0}.request .meta{color:var(--muted);font-size:.9rem}.enrollment{direction:ltr;text-align:left;width:100%;min-height:82px;font-family:ui-monospace,monospace}.section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:680px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar{align-items:flex-start;flex-direction:column}}