:root{--shamlak-font-display:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--shamlak-font-body:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--shamlak-color-bg:#f7f4ef;--shamlak-color-bg-elevated:#fffdf9;--shamlak-color-ink:#1a1f1c;--shamlak-color-muted:#5c675f;--shamlak-color-brand:#0f6b4c;--shamlak-color-brand-strong:#0a4d37;--shamlak-color-accent:#c45c26;--shamlak-color-border:#ddd4c6;--shamlak-color-danger:#b42318;--shamlak-color-success:#067647;--shamlak-radius-sm:8px;--shamlak-radius-md:14px;--shamlak-space-1:.25rem;--shamlak-space-2:.5rem;--shamlak-space-3:.75rem;--shamlak-space-4:1rem;--shamlak-space-6:1.5rem;--shamlak-space-8:2rem;--shamlak-shadow-soft:0 10px 30px #1a1f1c0f}[data-theme=dark]{--shamlak-color-bg:#121614;--shamlak-color-bg-elevated:#1b211e;--shamlak-color-ink:#f3eee6;--shamlak-color-muted:#a7b0aa;--shamlak-color-brand:#3cb889;--shamlak-color-brand-strong:#67d4a8;--shamlak-color-accent:#e08a55;--shamlak-color-border:#2d3832;--shamlak-shadow-soft:0 10px 30px #00000059}
*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--shamlak-font-body);color:#f3eee6;background:linear-gradient(160deg,#10241c 0%,#1a2f26 45%,#24362d 100%);margin:0}.shell{min-height:100vh;padding:clamp(1.5rem,4vw,3rem)}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf90f;border:1px solid #fffdf91f;border-radius:18px;max-width:880px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem)}.brand{color:#67d4a8;margin-bottom:1rem;font-weight:700}h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.4rem)}.subtitle{color:#c5d0c9;margin-bottom:1.5rem}.roles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.role{text-align:center;background:#0f6b4c40;border:1px solid #67d4a840;border-radius:12px;padding:.9rem;font-weight:600}.note{color:#a7b0aa;font-size:.95rem}.lang-switch{gap:.5rem;margin-bottom:1.25rem;display:flex}.admin-app{grid-template-columns:minmax(180px,220px) 1fr;align-items:start;gap:1rem;display:grid}.admin-nav{background:#fffdf90f;border:1px solid #fffdf91f;border-radius:16px;padding:1.25rem;position:sticky;top:1rem}.admin-nav .brand{margin-bottom:1rem}.admin-nav nav{flex-direction:column;gap:.35rem;display:flex}.nav-link{color:#c5d0c9;border-radius:10px;padding:.55rem .7rem;text-decoration:none}.nav-link.is-active,.nav-link:hover{color:#f3eee6;background:#0f6b4c59}.nav-login{opacity:.85;margin-top:1rem;display:inline-block}.admin-main{min-width:0}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.admin-card{color:#f3eee6;background:#0f6b4c47;border:1px solid #67d4a847;border-radius:12px;padding:1rem;font-weight:600;text-decoration:none;display:block}.login-form{gap:.85rem;display:grid}.login-form label{color:#c5d0c9;gap:.35rem;display:grid}.login-form input{color:#f3eee6;background:#00000040;border:1px solid #fffdf92e;border-radius:10px;padding:.65rem .75rem}.login-form button,.panel button{color:#fff;cursor:pointer;background:#0f6b4c;border:0;border-radius:10px;padding:.65rem 1rem;font-weight:600}.form-error{color:#f5a89a}.table-wrap{margin:1rem 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:start;border-bottom:1px solid #fffdf91a;padding:.65rem .5rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1rem 0 1.5rem;display:grid}.stat{background:#0003;border:1px solid #fffdf91a;border-radius:12px;gap:.35rem;padding:1rem;display:grid}.stat span{color:#a7b0aa;font-size:.9rem}@media (max-width:720px){.admin-app{grid-template-columns:1fr}}.lang-switch a{color:#c5d0c9;border:1px solid #fffdf92e;border-radius:999px;padding:.3rem .65rem;font-size:.85rem;text-decoration:none}.lang-switch a[aria-current=page]{color:#fff;background:#0f6b4c;border-color:#0f6b4c}