:root{--nav:#0d2239;--brand:#0b91a8;--bg:#f4f7fb;--line:#dfe8f0;--muted:#718096}*{box-sizing:border-box}body{background:var(--bg);color:#10243e;margin:0;font-family:Tajawal,system-ui,sans-serif}header{background:var(--nav);color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 18px;display:flex}header b,header small{display:block}header small{color:#9fb1c2;font-size:11px}button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700}header button,.back{background:#ffffff18;border:1px solid #ffffff35}.login{place-items:center;min-height:100vh;padding:18px;display:grid}.login form{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(100%,420px);padding:28px;box-shadow:0 18px 55px #17324a16}.mark{background:var(--nav);color:#20bdc9;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid}.login h1{margin-bottom:5px}.login p{color:var(--muted);font-size:13px}.login label{margin:13px 0;font-size:12px;display:block}.login input{border:1px solid var(--line);border-radius:9px;width:100%;margin-top:6px;padding:11px;display:block}.login button{width:100%;margin-top:8px}.message{color:#9d6207;background:#fff2dd;border-radius:9px;padding:11px;font-size:12px}.message.bar{max-width:900px;margin:12px auto}section{max-width:900px;margin:auto;padding:22px 15px}.back{color:#36506c;border-color:var(--line);background:#fff;margin-bottom:12px}.cards{gap:12px;display:grid}.cards article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;position:relative}.cards h2{margin:4px 0;font-size:18px}.cards p,.cards address{color:var(--muted);font-size:13px;font-style:normal}.status{color:#13815d;background:#e6f7ef;border-radius:20px;padding:4px 9px;font-size:10px;position:absolute;top:15px;left:15px}.sequence{width:28px;height:28px;color:var(--brand);background:#e6f4f7;border-radius:50%;place-items:center;font-weight:800;display:grid}.progress{background:#edf2f6;border-radius:8px;height:8px;margin:15px 0 6px;overflow:hidden}.progress i{background:var(--brand);height:100%;display:block}.cards article>button{width:100%;margin-top:14px}.actions{gap:8px;margin-top:15px;display:flex}.actions button{flex:1}.actions .danger{color:#b53d4c;background:#fff0f0;border:1px solid #f3ced3}@media (min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}}