:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#193330;background:#f4f7f6;font-synthesis:none;--accent:#137d65;--muted:#637b75;--line:#dbe7e1}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}
main{max-width:680px;margin:auto;padding:24px 24px 176px}header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;padding-bottom:34px}.brand-mark{display:grid;place-items:center;background:#1c453a;color:white;width:38px;height:38px;border-radius:12px;font-size:13px;letter-spacing:.05em}.brand-sub{display:block;font-size:11px;font-weight:450;color:var(--muted);margin-top:2px}.step{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500;border:1px solid var(--line);padding:7px 11px;border-radius:30px}
.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:750;margin:0 0 10px}h1{font-size:32px;letter-spacing:-.04em;line-height:1.2;font-weight:700;margin:0 0 12px}.intro{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 27px}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.search-wrap{display:flex;align-items:center;background:white;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;box-shadow:0 3px 12px #204c3605}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #137d6514}.search-icon{font-size:28px;line-height:1;color:var(--accent);margin-right:10px}input{width:100%;border:0;background:transparent;outline:none;padding:17px 0;font-size:16px;color:#193330;min-width:0}input::-webkit-search-cancel-button{display:none}input::placeholder{color:#94a39e}#clear{border:0;background:#edf3f0;color:#546e65;border-radius:100%;width:27px;height:27px;flex-shrink:0;font-size:21px}
.results-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 12px}h2{font-size:13px;margin:0;font-weight:650}#count{font-size:12px;color:var(--muted)}#status{font-size:14px;color:var(--muted);line-height:1.6;margin:15px 0}#status:empty{display:none}#clients{display:grid;gap:8px}.client{display:flex;align-items:center;text-align:left;gap:13px;width:100%;border:1px solid var(--line);background:white;padding:15px;border-radius:13px;color:inherit}.client:hover{border-color:#7baf9e}.client:focus-visible,.secondary:focus-visible,.primary:focus-visible,#clear:focus-visible{outline:3px solid #72b39e;outline-offset:2px}.client[aria-selected=true]{border-color:var(--accent);background:#eaf5ef}.avatar{display:grid;place-items:center;width:39px;height:39px;background:#edf3ef;border-radius:11px;flex-shrink:0;color:#527c6a;font-weight:600;font-size:13px}.client[aria-selected=true] .avatar{background:#d6ebdf}.client-text{flex:1;min-width:0}.client-name{display:block;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.client-inn{display:block;color:var(--muted);font-size:12px;margin-top:5px}.check{width:19px;height:19px;border:1.5px solid #d6e2dc;border-radius:100%;flex-shrink:0;text-align:center;font-size:12px;color:transparent}.client[aria-selected=true] .check{background:var(--accent);border-color:var(--accent);color:white}.hint{font-size:12px;line-height:1.65;color:#82958b;margin:24px 0 0}.secondary{border:1px solid var(--line);background:white;color:var(--accent);padding:10px 18px;border-radius:10px}
footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;background:#ffffffef;border-top:1px solid var(--line);padding:16px 24px max(20px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.footer-label{font-size:9px;letter-spacing:.12em;font-weight:700;color:#83968b}#selection{margin:4px 0 13px;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:12px;background:var(--accent);color:white;padding:16px 18px;font-size:14px;font-weight:600}.primary:disabled{background:#e6ece8;color:#8b9c93}.primary:not(:disabled):hover{background:#0a6e56}.success-mark{display:grid;place-items:center;border-radius:50%;background:#d7eee1;color:var(--accent);width:70px;height:70px;font-size:30px;margin:20px 0}#success p{line-height:1.6;color:var(--muted)}#success-name{font-weight:650;color:#193330!important}#success .primary{margin-top:25px}
@media(max-width:390px){main{padding:20px 18px 176px}footer{padding-left:18px;padding-right:18px}h1{font-size:29px}.step{font-size:11px;padding:6px 8px}}
@media(prefers-reduced-motion:no-preference){.client,.primary{transition:background .12s,border-color .12s}}