*{box-sizing:border-box}body{margin:0;font:16px/1.4 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:#f4f6f5;color:#1d2523}
header{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#2f6f5e;color:#fff}
h1{font-size:20px;margin:0}h2{font-size:18px;margin:0 0 12px}main{max-width:720px;margin:0 auto;padding:16px}
.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0001;margin-bottom:12px}
input,select,textarea,button,.btn{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #cfd8d5;width:100%;margin:4px 0}
button,.btn{background:#2f6f5e;color:#fff;border:0;cursor:pointer;width:auto;text-decoration:none;display:inline-block;text-align:center}
.ghost{background:transparent;color:inherit;border:1px solid #cfd8d5}header .ghost{color:#fff;border-color:#fff8}
.danger{background:#c0392b}.hidden{display:none!important}.muted{color:#6b7774;font-size:14px}.err{color:#c0392b;min-height:1em;margin:6px 0 0}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat b{display:block;font-size:24px}
.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolbar select{width:auto}.toolbar input{flex:1}
#list{list-style:none;padding:0;margin:0}#list li{display:flex;justify-content:space-between;gap:8px;cursor:pointer}
#list .amt{font-weight:600;white-space:nowrap}#byOrg{padding-left:18px}#byOrg li{display:flex;justify-content:space-between}
dialog{border:0;border-radius:14px;width:min(94vw,480px);padding:18px}dialog::backdrop{background:#0006}
label{display:block;font-size:14px;color:#46514e;margin-top:6px}.row{display:flex;align-items:center;gap:8px}.row input{width:auto}.end{margin-top:12px}.grow{flex:1}
summary{cursor:pointer;font-weight:600}#auth{max-width:380px;margin:40px auto}
.ac{position:relative}#sugg{position:absolute;left:0;right:0;top:100%;z-index:5;list-style:none;margin:0;padding:0;background:#fff;border:1px solid #cfd8d5;border-radius:8px;max-height:260px;overflow:auto;box-shadow:0 4px 12px #0002}
#sugg li{padding:8px 10px;cursor:pointer;border-bottom:1px solid #eef}#sugg li:hover,#sugg li.on{background:#e8f2ef}#sugg small{display:block;color:#6b7774}

.mlist{list-style:none;padding:0}.mlist li{display:flex;justify-content:space-between;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem 0;border-bottom:1px solid #0001}.mlist button{margin:.15rem}
.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1;background:#fff;color:#2f6f5e;border:1px solid #cfd8d5}.tabs button.on{background:#2f6f5e;color:#fff}
.list{list-style:none;padding:0;margin:0}.list li{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.list .amt{font-weight:600;white-space:nowrap}
.tot{padding-left:18px}.tot li{display:flex;justify-content:space-between}h3{font-size:15px;margin:10px 0 4px}
.rcpt img{max-width:100%;max-height:220px;border-radius:8px;display:block;margin:6px 0}.thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:none}
.toolbar{flex-wrap:wrap}
.soon{border-left:4px solid #e0a100}.pill{font-size:12px;background:#fff3cd;color:#7a5a00;border-radius:10px;padding:1px 8px;margin-left:6px}
.tabs .short{display:none}.tabs button{min-height:40px;display:flex;align-items:center;justify-content:center;margin:0}
header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header{gap:8px}header button{flex:none;width:auto}
@media (max-width:600px){.tabs .full{display:none}.tabs .short{display:inline;font-weight:700}.tabs svg.short{display:block}
 .tabs{gap:4px}.tabs button{min-width:40px;padding:8px 6px}main{padding:12px}
 .toolbar select{flex:1 1 40%;min-width:0}.toolbar input{flex:1 1 100%}.toolbar .btn,.toolbar button{flex:1 1 auto}}