.wrap{max-width:900px;margin:0 auto;padding:28px 20px 80px}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.topbar h1{margin:0;font-size:22px;color:var(--teal-ink)}.version{background:var(--orange-soft);color:var(--orange);border-radius:999px;padding:2px 12px;font-weight:600;font-size:13px}.spacer{flex:1 1}.tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tab{border:1px solid var(--border);background:var(--bg-white);color:var(--body);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer}.tab.active{background:var(--teal);border-color:var(--teal);color:#fff}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.cardHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.cardHead strong{color:var(--teal-ink);font-size:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 14px;gap:10px 14px}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{border:1.5px solid var(--border);border-radius:10px;padding:9px 11px;font-size:14px;font-family:var(--font-ui);color:var(--ink);background:#fff;width:100%}.field textarea{resize:vertical;min-height:58px}.field input:focus,.field textarea:focus{outline:2px solid var(--teal-mist);border-color:var(--teal)}.dv input,.dv textarea,input.dv,textarea.dv{direction:rtl;font-family:var(--font-thaana)}.ar textarea,textarea.ar{direction:rtl;font-family:var(--font-arabic);font-size:17px}.btn{border:none;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:700;cursor:pointer;background:var(--teal);color:#fff}.btn.ghost{background:transparent;color:var(--teal);border:1.5px solid var(--teal-mist)}.btn.danger{background:transparent;color:var(--red);border:1.5px solid #eccfcb}.btn.small{padding:5px 12px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}.badge{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge.b{background:var(--orange-soft);color:var(--orange)}.badge.p{background:var(--green-soft);color:var(--green-deep)}.badge.pending{background:#fdeeda;color:var(--orange)}.badge.answered{background:var(--green-soft);color:var(--green-deep)}.badge.off{background:#eee;color:var(--muted)}.taskRow{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;align-items:start;margin-bottom:8px}.rowBtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.meta{color:var(--muted);font-size:12.5px}.msg{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--teal-ink);color:#fff;border-radius:999px;padding:10px 22px;font-size:14px;box-shadow:0 8px 22px rgba(0,0,0,.25);z-index:50}.msg.error{background:var(--red)}.gate{max-width:380px;margin:14vh auto 0;text-align:center}.gate h1{color:var(--teal-ink)}.gate form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.gate input{border:1.5px solid var(--border);border-radius:10px;padding:11px 13px;font-size:15px;text-align:center}.stringsGrid{display:grid;grid-template-columns:130px 1fr 1fr;grid-gap:6px 10px;gap:6px 10px;align-items:center}.stringsGrid .head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stringsGrid input{border:1.5px solid var(--border);border-radius:8px;padding:6px 9px;font-size:13.5px;width:100%}.stringsGrid .key{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--teal-ink);overflow-wrap:anywhere}audio{height:34px;max-width:100%}