:root{--brand:#8d1720;--brand2:#b2202b;--sand:#c9bea0;--bg:#f6f4ef;--ink:#171717;--muted:#6b7280;--line:#e5e7eb;--ok:#167a4b;--bad:#b42318}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Alexandria","Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--ink)}body{min-height:100vh}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);direction:ltr}.login-media{position:relative;min-height:100vh;overflow:hidden;background:#5f1117}.login-media>img,.login-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.66);transition:opacity .45s ease,transform 1.2s ease}.login-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(54,7,11,.82),rgba(141,23,32,.28) 60%,rgba(0,0,0,.18))}.media-copy{position:absolute;z-index:2;right:7%;left:7%;bottom:8%;direction:rtl;color:white}.media-copy .school-pill{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);font-size:14px}.media-copy h1{font-size:clamp(34px,4vw,64px);line-height:1.08;margin:18px 0 10px;max-width:720px}.media-copy p{font-size:clamp(16px,1.6vw,22px);line-height:1.8;max-width:700px;color:#f7f1e8}.login-side{direction:rtl;display:flex;align-items:center;justify-content:center;padding:36px 6vw;min-height:100vh;background:linear-gradient(180deg,#fff,#faf9f6)}.login-inner{width:min(100%,520px)}.identity{display:flex;align-items:center;gap:15px;margin-bottom:22px}.identity img{width:92px;height:92px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.identity .ministry{font-size:13px;color:var(--muted);margin-bottom:5px}.identity h2{font-size:20px;margin:0 0 5px}.identity p{margin:0;color:var(--muted);font-size:14px}.system-title{margin:12px 0 24px}.system-title h3{font-size:30px;margin:0 0 8px}.system-title p{margin:0;color:var(--muted);line-height:1.7}.login-card{background:white;border:1px solid #e9e4d8;border-radius:26px;padding:26px;box-shadow:0 18px 55px rgba(57,39,22,.09)}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.server-state{font-size:13px;color:var(--ok);font-weight:700}.server-state[data-state=offline]{color:var(--bad)}.install-link{appearance:none;font-family:inherit;border:0;background:#f5efe1;color:#5f4c23;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;height:50px;border:1px solid #d8dadd;border-radius:14px;padding:0 14px;font-size:16px;outline:none;background:#fff;transition:.2s}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(141,23,32,.08)}.password-wrap{position:relative}.password-wrap input{padding-left:52px}.toggle-password{position:absolute;left:7px;top:7px;width:38px;height:36px;border:0;background:#f3f4f6;border-radius:10px;cursor:pointer}.login-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;font-size:13px}.remember{display:flex;align-items:center;gap:7px}.remember input{width:18px;height:18px}.forgot{color:var(--brand);text-decoration:none;font-weight:700}.submit{width:100%;height:52px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(141,23,32,.2)}.submit:disabled{opacity:.55}.err{min-height:20px;color:var(--bad);font-size:13px;margin:8px 0}.helpbox{margin-top:17px;border-radius:16px;background:#faf8f3;border:1px solid #ece5d7;padding:14px;color:#57534e;font-size:13px;line-height:1.8}.helpbox b{color:#2b2723}.login-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;font-size:12px;color:#777}.login-footer a{color:var(--brand);text-decoration:none}.modal-lite{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:20px;direction:rtl}.modal-lite.open{display:flex}.modal-lite-card{width:min(100%,470px);background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.modal-lite-card h3{margin-top:0}.modal-lite-card button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:11px 18px;cursor:pointer}.offline-help{display:none;margin-top:12px;padding:12px;border-radius:13px;background:#fff1f0;color:#8a1c14;font-size:13px;line-height:1.7}.offline-help.show{display:block}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-media{min-height:260px}.media-copy{bottom:24px}.media-copy h1{font-size:34px}.login-side{min-height:auto;padding:26px 20px 44px}.login-inner{width:min(100%,620px)}}@media(max-width:600px){.login-media{min-height:190px}.media-copy{right:22px;left:22px;bottom:18px}.media-copy h1{font-size:25px;margin:10px 0 5px}.media-copy p{display:none}.login-side{padding:18px 14px 34px;align-items:flex-start}.identity img{width:70px;height:70px;border-radius:17px}.identity h2{font-size:17px}.system-title{margin:8px 0 16px}.system-title h3{font-size:25px}.login-card{border-radius:21px;padding:19px}.login-meta{align-items:flex-start}.login-footer{flex-direction:column;align-items:flex-start}}@media(min-width:1800px){.login-inner{width:600px}.login-card{padding:34px}.field input,.submit{height:58px}.system-title h3{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}