@font-face{font-family:"LPMQ Isep Misbah";src:local("LPMQ Isep Misbah"),local("LPMQIsepMisbah"),url("https://db.onlinewebfonts.com/t/eb289d26afbfd6114ddfdc053113218e.woff2") format("woff2");font-display:swap}
:root{--green:#0f766e;--green2:#14b8a6;--ink:#10231f;--muted:#667773;--bg:#f4f8f7;--card:#fff;--red:#c0392b;--amber:#d97706;--blue:#2563eb;--line:#dce8e5}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--green);text-decoration:none}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:5}.topbar strong{font-size:21px}.tag{margin-left:12px;color:var(--muted);font-size:13px}.userbox{font-size:13px}.userbox a{margin-left:12px}.container{width:min(1180px,92vw);margin:28px auto 60px}h1{font-size:28px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(16,35,31,.04)}.stat b{font-size:30px;display:block}.stat span{color:var(--muted)}.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.menu a{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;color:var(--ink);font-weight:650}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block}.primary{background:var(--green);color:white}.secondary{background:#e9f5f2;color:var(--green)}.danger{background:#feeceb;color:var(--red)}label{display:block;font-weight:650;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid #c9d9d5;border-radius:10px;padding:11px 12px;margin-top:6px;background:#fff;font:inherit}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf5f3}.alert{padding:12px 14px;border-radius:10px;background:#e5f6ef;color:#166534;margin-bottom:16px}.error{background:#feeceb;color:#991b1b}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#c7f2e9,transparent 28%),linear-gradient(135deg,#f4f8f7,#e8f4f1)}.login-card{width:min(420px,90vw);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(16,35,31,.12)}.login-card h1{margin:10px 0 4px}.login-card p{margin-top:0;color:var(--muted)}.logo{width:52px;height:52px;border-radius:15px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}.arabic,.quran-font{font-family:"LPMQ Isep Misbah","Amiri","Noto Naskh Arabic",serif;font-size:32px;line-height:2.15;direction:rtl;text-align:right;font-weight:400}.quran-input{font-family:"LPMQ Isep Misbah","Amiri","Noto Naskh Arabic",serif;font-size:22px;line-height:1.9;direction:rtl;text-align:right}.quran-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.ayah-meta{color:var(--muted);font-size:13px;margin:4px 0 8px}.arabic{min-height:96px;padding:18px 14px;border-radius:14px;background:#fffef8;border:1px solid #eee7d4}.recorder{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status{font-size:13px;color:var(--muted)}.word{display:inline-block;padding:2px 4px;margin:1px;border-radius:5px}.word.correct{background:#dcfce7;color:#166534}.word.wrong{background:#fee2e2;color:#991b1b}.word.missing{background:#fef3c7;color:#92400e;text-decoration:underline}.word.extra{background:#dbeafe;color:#1d4ed8}.legend span{margin-right:14px;font-size:13px}.pill{border-radius:999px;padding:4px 9px;background:#eef5f3;color:var(--green);font-size:12px}.score{font-size:48px;font-weight:900;color:var(--green)}footer{text-align:center;color:#82918d;padding:30px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{color:var(--muted)}@media(max-width:800px){.grid,.menu,.two{grid-template-columns:1fr}.tag{display:none}.container{width:94vw}.topbar{padding:0 3vw}.arabic{font-size:27px}}