:root{--bg:#f6f5f1;--card:#fff;--text:#1d2b26;--muted:#66756f;--accent:#1f7a5a;--accent-contrast:#fff;--border:#e2e0d8;--danger:#b3261e;--warn:#8a5a00;--warn-bg:#fff4dc;--ok:#17684b;--ok-bg:#e3f3ec;--radius:14px;--book-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10 5 7 4.5 3 4.5V18c4 0 7 .5 9 2'/%3E%3Cpath d='M12 6.5C14 5 17 4.5 21 4.5V18c-4 0-7 .5-9 2'/%3E%3Cpath d='M12 6.5V20M6 8.5h3M6 12h3M15 8.5h3M15 12h3'/%3E%3C/svg%3E");--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Naskh Arabic", "Amiri", serif;--star-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='14' y='14' width='72' height='72'/%3E%3Crect x='14' y='14' width='72' height='72' transform='rotate(45 50 50)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--bg:#111815;--card:#18221e;--text:#e8efec;--muted:#93a39c;--accent:#3fb88a;--accent-contrast:#08150f;--border:#2a3832;--danger:#ff8a80;--warn:#f2c36b;--warn-bg:#2d2412;--ok:#7fd9b5;--ok-bg:#16322a}}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Tahoma,Noto Naskh Arabic,sans-serif}.hidden{display:none!important}.muted{color:var(--muted)}.topbar{direction:ltr;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;max-width:1080px;margin:0 auto;padding:14px 16px 6px;display:flex}.topbar h1{margin:0;font-size:clamp(1.05rem,4vw,1.25rem)}.brand{font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.topbar .brand{font-size:clamp(1.15rem,4.5vw,1.4rem)}.brand-mark{background:linear-gradient(135deg, var(--accent), #5ee6a8);width:1.35em;height:1.35em;-webkit-mask-image:var(--book-mask);mask-image:var(--book-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--book-mask);flex:none;-webkit-mask-size:contain}.topbar-actions{flex-wrap:wrap;gap:6px;display:flex}.container{gap:14px;max-width:720px;margin:0 auto;padding:8px 16px 48px;display:grid}.container.dashboard{max-width:760px}.container.auth{max-width:420px;padding-bottom:16px}@media (min-width:900px){.container.auth{max-width:1040px;padding-top:32px}}@media (max-width:420px){.container,.topbar{padding-inline:12px}}.disclaimer{color:var(--muted);text-align:center;margin:4px 0 0;font-size:.85rem}.site-footer{text-align:center;padding:0 16px 28px;font-size:.85rem}.site-footer a{color:var(--accent)}.site-footer .support{color:var(--muted);margin:8px 0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.date-banner{text-align:center;margin:4px 0}.date-banner .hijri-date{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700}.date-banner .gregorian-date{margin-top:2px;font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2,.card h3{margin:0 0 10px;font-size:1.05rem}form{gap:12px;display:grid}.field{gap:4px;display:grid}.label{font-size:.9rem;font-weight:600}.hint{color:var(--muted);font-size:.82rem}.note{color:var(--muted);margin:0;font-size:.85rem}.note.danger{color:var(--danger);font-weight:600}.warn{background:var(--warn-bg);color:var(--warn);border-radius:10px;margin:0 0 12px;padding:10px 12px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:360px){.grid-2{grid-template-columns:1fr}}.input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}select.input{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;min-height:44px;padding-inline-end:40px;line-height:1.4}[dir=rtl] select.input:not([dir=ltr]){background-position:14px 55%,20px 55%}select.input:hover{border-color:var(--muted)}select.input option{background-color:var(--card);color:var(--text);padding:10px 12px;line-height:1.6}select.input option:checked{background-color:var(--ok-bg);color:var(--text);font-weight:600}.input:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.ghost{background:0 0}.btn.small{padding:4px 10px;font-size:.9rem}.btn:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.center{justify-content:center}.check{align-items:center;gap:8px;display:flex}.btn-add{background:var(--accent);color:#0000;cursor:pointer;border:none;border-radius:999px;flex:none;width:36px;height:36px;padding:0;font-size:0;display:inline-flex;position:relative}.btn-add:before,.btn-add:after{content:"";background:var(--accent-contrast);border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-add:before{width:14px;height:2px}.btn-add:after{width:2px;height:14px}.btn-add:hover{filter:brightness(1.08)}.btn-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-panel{gap:14px;display:grid}dl.kv{grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0 0;display:grid}dl.kv dt{color:var(--muted)}dl.kv dd{text-align:end;font-variant-numeric:tabular-nums;margin:0}dl.kv .strong{font-weight:700}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:min(92vw,420px);color:var(--text);padding:18px}dialog::backdrop{background:#00000073}.toast-area{inset-inline:0;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:16px}.toast{background:var(--text);color:var(--bg);border-radius:10px;max-width:90vw;padding:10px 16px}.toast.error{background:var(--danger);color:#fff}