:root{--white:#fff;--mist:#f4f8fc;--navy:#0b2b4c;--ink:#13334f;--ink-soft:#4e6378;--blue-7:#115cb8;--blue-5:#2e86e0;--blue-bg:#e8f2fc;--grad:linear-gradient(120deg,#0a3d7a,#115cb8 45%,#2e86e0);--line:#e2ecf6;--good:#1f6b61;--good-bg:#e7f2ef;--warn:#8a5a00;--warn-bg:#fff3db;--danger:#a33a2e;--danger-bg:#fdecea;--kufi:"Noto Kufi Arabic",Tahoma,sans-serif;--body:"Almarai",Tahoma,sans-serif}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}body,html{height:100%}body{background:var(--mist);color:var(--ink);font-family:var(--body);font-size:15.5px;line-height:1.8}h1,h2,h3{font-family:var(--kufi);color:var(--navy);line-height:1.4}.grad-text,a{color:var(--blue-7)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 24px rgba(10,61,122,.05);min-width:0}.btn{display:inline-block;font-family:var(--body);font-weight:800;font-size:15px;border-radius:999px;cursor:pointer;text-align:center;text-decoration:none;border:0;padding:12px 30px}.btn-blue{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(17,92,184,.3)}.btn-blue:hover{filter:brightness(1.08)}.btn-ghost{border:1.5px solid var(--blue-5);color:var(--blue-7);background:transparent}.btn-ghost:hover{background:var(--blue-bg)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-4,#4ea3f0);outline-offset:2px}label{font-weight:800;font-size:14px;color:var(--ink-soft);display:grid;grid-gap:6px;gap:6px}input,select,textarea{font-family:var(--body);font-size:15.5px;padding:12px 15px;border-radius:11px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);width:100%}.err{background:var(--danger-bg);color:var(--danger);border:1px solid #f2c7c2;border-radius:11px;padding:12px 16px;font-weight:700;font-size:14px}.badge{font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap}.b-done{background:var(--good-bg);color:var(--good)}.b-doing{background:var(--blue-bg);color:var(--blue-7)}.b-locked{background:#eef3f8;color:#8ca2b8}