:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf8f6;--surface:#fff;--text:#231f1c;--muted:#5e5650;--line:#231f1c1f;--primary:#8a1538;--primary-hover:#6e102c;--primary-ink:#fff;--accent:#007229;--flag-red:#d21034;--rose:#f5dce3;--focus:#007229;--danger:#b3261e;--warn-bg:#fff4d6;--warn-ink:#6b4b00;--info-bg:#eef0f6;--ok-bg:#e5f4ec;--ok-ink:#1d5a33;--err-bg:#fbe9e7;--radius:16px;--shadow:0 1px 2px #231f1c0a, 0 8px 24px -12px #231f1c1f;--font-ui:"Alexandria", "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", system-ui, sans-serif;--font-display:"Aref Ruqaa", "Noto Naskh Arabic", "Amiri", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8}h1,h2,h3{margin:0 0 .5rem;line-height:1.35}h2{font-size:1.3rem}.content h2{font-family:var(--font-display);color:var(--primary);font-size:1.75rem;font-weight:700;line-height:1.5}.content .card h3,.content .card .row-item h3{font-family:var(--font-ui)}h3{font-size:1.05rem}p{margin:0 0 .75rem}.shell{flex-direction:column;min-height:100dvh;display:flex}.banner{background:var(--warn-bg);color:var(--warn-ink);text-align:center;padding:.5rem 1rem;font-size:.85rem}.topbar{background:var(--surface);border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.brand{align-items:center;gap:.65rem;display:flex}.brand h1{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.tagline{color:var(--muted);margin:0;font-size:.8rem}.logo{flex:none;block-size:44px;inline-size:44px;display:block}.content{flex:1;inline-size:100%;max-inline-size:880px;margin-inline:auto;padding:1rem}.footer{text-align:center;color:var(--muted);padding:1rem;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-block-end:1rem;padding:1.1rem}.card.narrow{max-inline-size:460px;margin-inline:auto}.card.empty{text-align:center;color:var(--muted)}.muted{color:var(--muted)}.center{text-align:center}.hint{color:var(--muted);margin-block:.25rem .75rem;font-size:.8rem;display:block}.mono{font-family:ui-monospace,monospace;font-size:.75rem;display:block}.form{gap:.9rem;margin-block-start:.5rem;display:grid}.form label{gap:.3rem;font-size:.95rem;font-weight:600;display:grid}input[type=email],input[type=password],input:not([type]),textarea{font:inherit;border:1px solid var(--line);background:var(--bg);inline-size:100%;color:var(--text);border-radius:10px;min-block-size:44px;padding:.7rem .8rem;font-weight:400}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input:focus,textarea:focus{border-color:var(--primary)}.counter{color:var(--muted);text-align:end;font-size:.75rem;font-weight:400}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-block-size:44px;padding:.55rem 1.1rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:progress}.btn.full{inline-size:100%}.btn.small{min-block-size:38px;padding:.35rem .85rem;font-size:.9rem}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 6px 18px -8px #8a15388c}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.outline{background:var(--surface);border-color:var(--line);color:var(--text)}.btn.outline:hover:not(:disabled){border-color:var(--primary)}.btn.ghost{color:var(--primary);border-color:var(--primary);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--rose)}.btn.danger{color:var(--danger);background:0 0;border-color:currentColor}.link{color:var(--primary);font:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:.75rem 0 0;text-decoration:underline}.auth-links{border-block-start:1px solid var(--line);gap:.75rem;margin-block-start:1rem;padding-block-start:.75rem;display:grid}.auth-links .link{text-align:start;min-block-size:44px;padding:.5rem .25rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--warn-bg);color:var(--warn-ink);vertical-align:middle;border-radius:999px;margin-inline-start:.4rem;padding:.05rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.divider{color:var(--muted);align-items:center;gap:.75rem;margin-block:1rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-block-start:1px solid var(--line);flex:1}.alert{border-radius:10px;padding:.7rem .9rem;font-size:.92rem}.alert.error{background:var(--err-bg);color:var(--danger)}.alert.success{background:var(--ok-bg);color:var(--ok-ink)}.alert.info{background:var(--info-bg);margin-block-end:1rem}.alert.warn{background:var(--warn-bg);color:var(--warn-ink);margin-block-end:1rem}.status{border-radius:999px;margin-block-end:.6rem;padding:.15rem .7rem;font-size:.8rem;font-weight:700;display:inline-block}.status.pending{background:var(--warn-bg);color:var(--warn-ink)}.status.revoked{background:var(--err-bg);color:var(--danger)}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:.35rem;margin-block-end:1rem;padding:.3rem;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 0 auto;min-block-size:42px;padding:.55rem .9rem;font-size:.95rem;font-weight:600}.tab:hover:not(.active){color:var(--text);background:var(--bg)}.tab.active{background:var(--primary);color:var(--primary-ink)}.consent{border:1px solid var(--line);border-radius:12px;gap:.6rem;margin:0;padding:.8rem;display:grid}.consent legend{padding-inline:.4rem;font-weight:700}.form .check{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}.check input{block-size:20px;inline-size:20px;accent-color:var(--primary);flex:none;margin-block-start:.3rem}.subchecks{gap:.4rem;padding-inline-start:1.6rem;display:grid}.subchecks.disabled{opacity:.5}.avatar-placeholder{border:1px dashed var(--line);border-radius:12px;align-items:center;gap:.75rem;margin-block:.5rem;padding:.6rem;display:flex}.avatar-placeholder span{background:var(--bg);border-radius:50%;place-items:center;block-size:52px;inline-size:52px;font-size:1.6rem;display:grid}.avatar-placeholder small{color:var(--muted)}.photo-card{text-align:center;border:1px dashed var(--line);border-radius:12px;justify-items:center;gap:.5rem;margin-block:.5rem;padding:.75rem;display:grid}.photo-card .avatar{background:var(--bg);border-radius:50%;place-items:center;block-size:112px;inline-size:112px;font-size:2.4rem;display:grid;overflow:hidden}.photo-card .avatar img{object-fit:cover;block-size:100%;inline-size:100%}.photo-card .alert{margin:0}.photo-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.section-head{margin-block-end:.75rem}.sub{margin-block:1rem .5rem}.grid,.list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.grid .card,.list .card{margin:0}.member{align-items:flex-start;gap:.8rem;display:flex}.member h3{margin:0}.initial{background:var(--rose);block-size:48px;inline-size:48px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.dept{color:var(--accent);margin:.1rem 0 .3rem;font-size:.9rem;font-weight:600}.bio{margin:0;font-size:.92rem}.row-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.photo-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.photo-slot{aspect-ratio:1;background:repeating-linear-gradient(45deg, var(--bg), var(--bg) 8px, var(--line) 8px, var(--line) 9px);border-radius:10px}@media (width>=640px){.content{padding:1.5rem}.grid{grid-template-columns:repeat(2,1fr)}}.spaced{margin-block-start:.75rem}.code{letter-spacing:.25em;background:var(--bg);border:1px dashed var(--line);direction:ltr;border-radius:10px;padding:.4rem .9rem;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700;display:inline-block}.code.small{letter-spacing:.15em;padding:.1rem .5rem;font-size:1rem}.steps{margin:0 0 .75rem;padding-inline-start:1.2rem}.status.rejected{background:var(--err-bg);color:var(--danger)}.subtabs{flex-wrap:wrap;gap:.35rem;margin-block:.75rem 1rem;display:flex}.subtab{font:inherit;border:1px solid var(--line);background:var(--surface);min-block-size:44px;color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.9rem;font-weight:600}.subtab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.empty-state{color:var(--muted);text-align:center;padding:1.25rem .5rem}.album-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.album-card{text-align:start;inline-size:100%;font:inherit;border:1px solid var(--line);background:var(--surface);min-block-size:56px;color:var(--text);cursor:pointer;border-radius:14px;gap:.2rem;padding:.9rem 1rem;display:grid}.album-card:hover{border-color:var(--primary)}.album-title{color:var(--primary);font-weight:700}.photo-grid.live{margin:.75rem 0 0;padding:0;list-style:none}.photo-tile{cursor:pointer;background:var(--bg);border:0;border-radius:10px;inline-size:100%;padding:0;display:block;overflow:hidden}.thumb{aspect-ratio:1;object-fit:cover;inline-size:100%;display:block}.thumb.small{border-radius:10px;flex:none;block-size:64px;inline-size:64px}.img-loading{background:var(--bg);aspect-ratio:1}.img-missing{background:var(--bg);color:var(--muted);aspect-ratio:1;place-items:center;font-size:.75rem;display:grid}.photo-detail{gap:.75rem;display:grid}.photo-detail .full{object-fit:contain;background:var(--bg);border-radius:12px;block-size:auto;max-block-size:75vh;inline-size:100%}select{font:inherit;border:1px solid var(--line);background:var(--bg);min-block-size:44px;color:var(--text);border-radius:10px;padding:.5rem .7rem}.progress{background:var(--bg);border:1px solid var(--line);border-radius:999px;block-size:10px;overflow:hidden}.progress span{background:var(--primary);block-size:100%;display:block}.form.inline{grid-template-columns:1fr auto;align-items:end}.status.published{background:var(--ok-bg);color:var(--ok-ink)}.status.withdrawn,.status.removed{background:var(--bg);color:var(--muted)}.checklist{border:1px solid var(--line);border-radius:12px;flex-basis:100%;gap:.5rem;margin:0;padding:.75rem 1rem;display:grid}.checklist legend{padding-inline:.25rem;font-weight:700}.muted.small{font-size:.85rem}.policy{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.5rem .9rem}.policy summary{cursor:pointer;align-items:center;min-block-size:44px;font-weight:600;display:flex}.policy ul{gap:.35rem;margin:.25rem 0 .5rem;padding-inline-start:1.2rem;display:grid}.event-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.event-card{text-align:start;gap:.25rem;inline-size:100%;padding:.5rem;display:grid}.event-card .cover{aspect-ratio:4/3;object-fit:cover;background:var(--bg);border-radius:10px;place-items:center;inline-size:100%;display:grid}.manage .badges{flex-wrap:wrap;gap:.35rem;margin-block-start:.25rem;display:flex}.pre-activation .steps{margin-block:.25rem .75rem;padding-inline-start:1.2rem}.subtabs.wrap{flex-wrap:wrap}.record{gap:.5rem;display:grid}.record-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.record-head .mono{overflow-wrap:anywhere}.badges{flex-wrap:wrap;gap:.35rem;display:flex}.record-details dl{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:.5rem 0;display:grid}.record-details dt{color:var(--muted)}.record-details dd{overflow-wrap:anywhere;margin:0}.row.wrap{flex-wrap:wrap}.status.info{background:var(--bg)}@media (width<=420px){.record-details dl{grid-template-columns:1fr}.record-details dd{margin-block-end:.35rem}}.members-tools{grid-template-columns:1fr;gap:.5rem;margin-block-end:.5rem;display:grid}.members-tools label{gap:.25rem;font-weight:600;display:grid}.members-tools input{font:inherit;border:1px solid var(--line);background:var(--bg);min-block-size:44px;color:var(--text);border-radius:10px;padding:.5rem .7rem}@media (width>=640px){.members-tools{grid-template-columns:2fr 1fr}}.members-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;inline-size:100%;overflow:hidden}.members-table th,.members-table td{text-align:start;border-block-end:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:.6rem .75rem}.members-table th{color:var(--muted);background:var(--bg);font-size:.85rem}.members-table .row{gap:.35rem}@media (width<=720px){.members-table,.members-table tbody,.members-table tr,.members-table td{inline-size:100%;display:block}.members-table thead{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.members-table{background:0 0;border:0}.members-table tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-block-end:.75rem;padding:.25rem 0}.members-table td{border:0;grid-template-columns:6.5rem 1fr;gap:.5rem;padding:.35rem .75rem;display:grid}.members-table td:before{content:attr(data-label);color:var(--muted);font-size:.85rem}}.status.approved{background:var(--ok-bg);color:var(--ok-ink)}.members-table .status{margin:0}.initial.photo{object-fit:cover;padding:0}dialog.confirm{border:1px solid var(--line);background:var(--surface);max-inline-size:min(92vw,380px);color:var(--text);border-radius:14px;padding:1.25rem}dialog.confirm::backdrop{background:#00000059}dialog.confirm p{margin:0 0 1rem;font-weight:600}dialog.confirm .row{justify-content:flex-end;gap:.5rem}
