:root{color-scheme:light;--ink:#153a40;--muted:#52646a;--surface:#fff;--canvas:#f0f3ee;--line:#d7dfd8;--accent:#126b5b;--focus:#a45917}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.75 "Vazirmatn","Tahoma","Arial",sans-serif}
.container{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.top{border-bottom:1px solid var(--line);background:var(--surface)}
.top-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{color:var(--ink);text-decoration:none;font-size:1.05rem}
.brand strong{color:var(--accent);margin-inline-start:.25rem}
#session-controls{display:flex;gap:12px;align-items:center}
main{padding-block:30px 55px}
.hero{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}
h1,h2,p{margin:0}
h1{font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.4}
h2{font-size:1.2rem;margin-block-end:10px}
.sections{display:flex;flex-wrap:wrap;gap:16px;margin-block:15px 22px}
.sections a,.muted,.section-title p,.hero p{color:var(--muted)}
.surface{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-block:0 18px;padding:clamp(15px,3vw,26px)}
.sign-in{max-width:400px;margin:6vh auto 0}
.sign-in form{display:grid;gap:14px}
.section-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-block:8px 16px}
label{display:grid;gap:4px;font-size:.9rem}
input,select,button,.button{font:inherit;color:inherit;min-height:40px;border-radius:7px}
input,select{background:#fbfcfa;border:1px solid #a7b7ac;padding:6px 9px;min-width:130px;max-width:100%}
button,.button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;background:var(--accent);color:white;border:1px solid var(--accent);padding:6px 14px;white-space:nowrap}
button.secondary,.button.secondary{background:white;color:var(--accent)}
button:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:680px;text-align:start}
td,th{padding:10px;border-bottom:1px solid var(--line);text-align:start}
th{background:#eff5ef;font-size:.9rem;font-weight:700}
td button{font-size:.88rem;min-height:32px;padding:3px 7px}
.muted{font-size:.88rem;margin-block-start:12px}
.notice{background:#f7e8d6;color:#543214;padding:8px 12px;border-radius:7px;margin-bottom:14px}
.evidence{border-inline-start:3px solid var(--accent);padding:8px 15px;margin-block:12px}
details{border-block-end:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:700}
canvas{display:block;width:100%;height:220px;margin-block-start:8px}
#account-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-block:9px}
dialog{max-width:min(480px,90vw);border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink)}
dialog::backdrop{background:#153a4066}
.dialog-actions{display:flex;gap:12px;margin-top:18px}
@media(max-width:500px){.filters>*{flex:1 1 46%}.filters>button{flex:0 1 auto}.hero{align-items:start}.top-row{min-height:56px}}
textarea{font:inherit;color:inherit;min-width:230px;max-width:100%;background:#fbfcfa;border:1px solid #a7b7ac;border-radius:7px;padding:6px 9px}
.review-list>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-block-start:1px solid var(--line);padding-block:8px}
.review-list>div>span{flex:1 1 220px}