:root{--ink:#352047;--muted:#706477;--line:#e3dce9;--gold:#b99b52}*{box-sizing:border-box}body{margin:0;background:#f7f5f8;color:var(--ink);font-family:Tajawal,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:var(--ink)}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.center-header{background:white;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(24px,calc((100% - 1160px)/2));border-top:4px solid var(--ink);border-bottom:1px solid var(--line)}.center-header>a:last-child{font-size:14px;text-decoration:none}.center-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;letter-spacing:.08em}.center-brand img{width:38px;height:50px;object-fit:contain}.center-brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:0;font-weight:400}.center-shell{max-width:1160px;margin:0 auto;padding:38px 24px 64px}.center-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:#8a7749;font-size:13px;font-weight:700;letter-spacing:.08em}h1{font-size:clamp(28px,4vw,38px);margin:4px 0}h2{font-size:22px;margin:0 0 14px}p{margin:8px 0}.center-title p,.field-hint{color:var(--muted)}.button{border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:white;cursor:pointer;padding:11px 22px;font-weight:700;text-decoration:none;display:inline-block}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.55;cursor:wait}.privacy-note{border:1px solid #e4dbc6;background:#fffaf0;color:#6b5a33;padding:14px 18px;border-radius:12px;font-size:14px;margin-bottom:24px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.summary-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:20px 24px;border-top:3px solid #c4b19b}.summary-grid article:nth-child(2){border-top-color:#b99b52}.summary-grid article:nth-child(3){border-top-color:#548272}.summary-grid span{font-size:14px;color:var(--muted)}.summary-grid strong{display:block;font-size:32px;line-height:1.5}.list-toolbar{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:end;margin-bottom:14px}label{font-size:14px;font-weight:700;display:block}input,select,textarea{width:100%;display:block;background:white;color:var(--ink);border:1px solid #d7ccdf;border-radius:9px;padding:11px 13px;min-height:46px;margin-top:7px}textarea{resize:vertical}.list-summary{color:var(--muted);font-size:13px;margin:14px 0}.report-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:14px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px}.report-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}.status{display:inline-flex;padding:3px 11px;border-radius:30px;background:#f2edf7;color:#5b3e71;font-weight:700;font-size:13px}.status.in_progress{background:#fff1d8;color:#8b6014}.status.resolved{background:#e5f3eb;color:#2c6c4b}.report-time,.unverified{color:var(--muted);font-size:13px}.report-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;color:#45364d}.report-card .button{align-self:center}.report-reference{font-size:12px;color:var(--muted);direction:ltr;unicode-bidi:isolate}.empty-state,.auth-panel{padding:34px;background:white;border:1px solid var(--line);border-radius:16px;text-align:center;color:var(--muted)}.auth-panel{max-width:640px;margin:35px auto}.auth-panel h2{color:var(--ink)}.auth-panel .button{margin-top:16px}.center-alert{padding:12px 16px;border:1px solid #e6cda5;background:#fff6e7;border-radius:10px;color:#765123;margin:16px 0;font-size:14px}dialog{width:min(680px,calc(100% - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:18px;padding:26px;background:white;color:var(--ink)}dialog::backdrop{background:#21112f80}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:transparent;border:0;color:var(--ink);font-size:28px;cursor:pointer;padding:0 8px}.dialog-head h2{margin:0}.dialog-actions{display:flex;gap:12px;margin-top:20px}#reportDetails{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:18px}#updateReportForm label{margin-top:15px}.field-hint{font-size:13px}.preview-banner{margin:0;padding:13px 24px;background:#fff0cf;color:#765215;text-align:center;font-weight:700;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:650px){.center-header{padding:12px 18px}.center-brand{font-size:13px}.center-shell{padding:26px 16px 40px}.center-title{align-items:flex-start;flex-direction:column}.center-title .button{align-self:stretch}.summary-grid{gap:9px}.summary-grid article{padding:14px 12px}.summary-grid strong{font-size:26px}.summary-grid span{font-size:12px}.list-toolbar{grid-template-columns:1fr}.report-card{grid-template-columns:1fr;padding:20px 18px}.report-card .button{justify-self:stretch}.report-meta{gap:8px}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1}dialog{padding:20px}}