*{box-sizing:border-box}body{margin:0;background:#eff3f4;color:#676a6c;font:14px Arial,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:3px;background:#22c343;color:white;padding:7px 13px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.4;cursor:default}input,select,textarea{border:1px solid #cbdbe2;border-radius:1px;background:#fff;color:#676a6c;padding:6px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #91cda4;outline-offset:1px}.demo{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:6px 15px;color:#7b888f;font-size:12px;gap:12px}.demo select{margin-left:8px;font-size:12px}.panel{margin:0 20px 20px 13px;border:1px solid #dce5e9;background:#fff;border-radius:3px;overflow:hidden}header{height:42px;background:#f6f8f8;border-bottom:1px solid #e2e8eb;padding:12px 15px;color:#444;position:relative}.content{padding:15px 20px}.toolbar{display:flex;gap:4px;padding-bottom:20px;border-bottom:1px solid #eee}.filters{display:flex;align-items:center;gap:30px;padding:20px 15px;border-bottom:1px solid #eee;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:30px;font-weight:600}.filters input,.filters select{width:111px;height:30px;font-weight:400}.filters button{margin-left:-15px}.table-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 10px}.table-tools input{width:196px;height:30px}.table-tools span{font-size:12px;color:#969fa3}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{border:1px solid #e1e7ec;padding:9px 8px;line-height:19px}th{white-space:nowrap;font-weight:600;padding-top:8px;padding-bottom:8px}tbody tr:nth-child(odd){background:#f8f8f8}td{height:57px}td:first-child{width:31px}td:nth-child(8),td:nth-child(9){min-width:119px}td:nth-child(3){overflow-wrap:anywhere;min-width:140px}.expand{background:none;padding:0;color:#3282bc;font-size:23px;line-height:20px}.edit{background:#7867c5;padding:3px 6px;font-size:12px;white-space:nowrap}.muted{font-size:12px;color:#a0a6aa;white-space:nowrap}.detail td{background:#f1f7fb;padding:16px 20px;height:auto}.detail-grid{display:flex;flex-wrap:wrap;gap:14px 35px}.detail-grid b{color:#525b61}footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;gap:12px}footer>div{display:flex;align-items:center;gap:9px}.page{background:white;color:#737b80;border:1px solid #dce4e8;font-weight:400;padding:6px 10px}#page{background:#22c343;color:white;padding:6px 10px;border-radius:2px}dialog{padding:0;border:1px solid #ddd;border-radius:4px;width:560px;max-width:calc(100vw - 30px);color:#676a6c;box-shadow:0 12px 50px #0003}dialog::backdrop{background:#0006}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e5e5;background:#f8f9fa;color:#444}.close{background:transparent;color:#999;font-size:25px;padding:0 4px;line-height:24px}.modal-body{padding:20px}.modal-body>label{display:block;font-weight:600;margin-bottom:19px}.modal-body>label>input,.modal-body>label>select,.modal-body>label>textarea{display:block;width:100%;margin-top:8px;font-weight:400}.number-entry{display:flex;margin-top:8px;gap:8px;font-weight:400}.number-entry select{width:180px}.number-entry input{flex:1;width:100%}.hint{font-size:12px;color:#959da2;line-height:1.8;margin:0 0 14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee;padding:14px 20px}.secondary{background:white;border:1px solid #d4dce0;color:#777;font-weight:400}.notice{background:#fff9e9;border:1px solid #f0d79a;color:#927027;padding:12px;margin-bottom:18px;font-size:12px;line-height:1.9}.match-form{display:flex;gap:10px;margin-bottom:20px}.match-form input{flex:1}.match-card{border:1px solid #dfe7eb;padding:14px;margin:10px 0;display:grid;gap:8px}.match-card b{color:#565d61}.match-card small{color:#969fa3}.empty{text-align:center;padding:45px 10px;color:#9da5aa}#formError{color:#c44545;font-size:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#33434e;color:#fff;border-radius:4px;box-shadow:0 4px 20px #0002;display:none;z-index:10}@media(min-width:1200px){.filters{gap:45px}.filters input,.filters select{width:160px}}@media(max-width:700px){.demo{align-items:flex-start;flex-direction:column}.panel{margin:0 10px 15px}.content{padding:15px 12px}.filters{gap:14px;padding:18px 0}.filters label{gap:10px}.filters button{margin-left:0}.table-tools{margin-top:20px}.table-tools span{max-width:160px}footer{align-items:flex-start;flex-direction:column}.number-entry select{width:135px}.toolbar button{padding:7px 10px}}
.country-source{display:none!important}.country-picker{position:relative;flex:0 0 180px;width:180px}.country-picker[hidden]{display:none}.country-picker>input{width:100%;padding-right:22px;background:#fff}.country-picker:after{content:'▾';position:absolute;right:8px;top:7px;pointer-events:none;color:#899499}#countryOptions{position:absolute;top:calc(100% + 3px);left:0;width:290px;max-width:calc(100vw - 85px);max-height:230px;overflow:auto;background:white;border:1px solid #cbdbe2;box-shadow:0 5px 15px #0002;z-index:20}#countryOptions [role=option],.country-empty{padding:9px 12px;line-height:20px}#countryOptions [role=option]{cursor:pointer}#countryOptions [role=option]:hover,#countryOptions [aria-selected=true]{background:#eaf6ed;color:#22813a}.country-empty{color:#969fa3}@media(max-width:700px){.country-picker{flex-basis:135px;width:135px}}

[hidden]{display:none!important}.login-panel{max-width:420px;margin:60px auto;padding:30px;background:white;border:1px solid #dce5e9;border-radius:4px}.login-panel label{display:block;margin:18px 0}.login-panel input{display:block;width:100%;margin-top:8px}.login-actions{display:flex;gap:8px}#loginMessage{line-height:1.8;font-size:13px}.member-row{padding:14px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:15px}
#createAccountForm{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid #eee}#createAccountForm label{display:grid;gap:6px}.login-panel form{margin-top:22px}
