:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#172033;background:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:70px;padding:10px max(18px,env(safe-area-inset-left));background:#153e75;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #153e7533}header div{display:flex;flex-direction:column}header small{color:#cfe1ff;margin-top:2px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:#153e75;font-size:22px;font-weight:800}main{width:min(680px,100%);margin:auto;padding:20px 14px 80px}.card{background:#fff;border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 8px 28px #2a43651a}.compact{padding:15px 18px}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:0 0 14px}h3{font-size:14px;margin:20px 0 8px;color:#526176}label{display:block;font-size:13px;color:#526176;margin:17px 0 0}input,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;font-size:16px;margin-top:6px;outline:none;background:#fbfdff}input:focus,select:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb020}button,.file-button{border:0;border-radius:12px;padding:12px 16px;background:#1667a8;color:#fff;font-weight:650;cursor:pointer;text-align:center}.secondary{background:#e5eff8;color:#174a75}.link{background:transparent;color:#21669b;padding:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.actions button:last-child{flex:1}.muted,.status{color:#68778d;font-size:14px;line-height:1.55}.status.error{color:#b42318}.status.success{color:#18794e}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>div:first-child{display:flex;flex-direction:column}.pill{padding:6px 10px;border-radius:999px;background:#fff3cd;color:#725500;font-size:12px}.pill.online{background:#dff6e9;color:#146b43}.inline{display:flex;gap:8px;align-items:end}.inline input{flex:1}.inline button{flex:none}.contact{padding:13px 0 0;border-top:1px solid #e7edf3;margin-top:12px;display:flex;align-items:center;justify-content:space-between}.contact div{display:flex;flex-direction:column}.contact small{color:#6b778c;margin-top:3px}.contact-list{border:1px solid #e4eaf0;border-radius:14px;overflow:hidden}.contact-list .empty{padding:18px;text-align:center;color:#8793a5;margin:0}.contact-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:#fff;color:#172033;text-align:left;border-radius:0;border-bottom:1px solid #edf1f5}.contact-row:last-child{border-bottom:0}.contact-avatar{width:42px;height:42px;border-radius:13px;background:#dbeafe;color:#155e9b;display:grid;place-items:center;font-size:18px;font-weight:750;flex:none}.contact-row>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.contact-row small{color:#728096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-dot{width:9px;height:9px;border-radius:50%;background:#aab4c2}.online-dot.online{background:#22a06b}.messages{height:310px;overflow:auto;border:1px solid #e1e8ef;background:#f7fafc;border-radius:14px;padding:12px;margin-bottom:8px}.message{max-width:82%;padding:9px 12px;border-radius:14px;margin:7px 0;word-break:break-word;background:#e2e8f0}.message.mine{margin-left:auto;background:#cfe7ff}.message.system{max-width:100%;text-align:center;background:transparent;color:#718096;font-size:12px}.message a{color:#075985}.icon{padding:7px 12px;font-size:18px}.danger{background:#c0392b}.footer-actions{margin-top:10px}.file-button{font-size:13px;padding:9px 12px;background:#e5eff8;color:#174a75;margin:0}#qrReader{width:100%;border-radius:14px;margin-top:15px;overflow:hidden;background:#111}#qrReader video{width:100%!important}.call-overlay{position:fixed;z-index:1000;inset:0;background:radial-gradient(circle at 50% 22%,#526b7c 0,#263843 38%,#10191f 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(72px,env(safe-area-inset-top)) 28px max(48px,env(safe-area-inset-bottom));text-align:center}.call-overlay[hidden]{display:none}.call-person{display:flex;flex-direction:column;align-items:center}.call-person h1{font-size:27px;margin:20px 0 8px}.call-person p{color:#d5dde2;margin:0}.call-person strong{font-size:17px;margin-top:10px}.call-avatar{width:108px;height:108px;border-radius:30px;background:linear-gradient(145deg,#eef6ff,#b9d3e8);color:#184d70;display:grid;place-items:center;font-size:44px;font-weight:800;box-shadow:0 18px 50px #0005}.call-actions{width:min(420px,100%);display:flex;justify-content:space-around;align-items:end}.round-action{background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px}.round-action span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#ffffff2b;font-size:27px}.round-action small{color:#fff;font-size:14px}.round-action.red span{background:#e34b42;transform:rotate(135deg)}.round-action.green span{background:#28a86b}.round-action.active span{background:#fff;color:#172033}@media(max-width:450px){.card{padding:18px}.actions button{flex:1}.messages{height:270px}}
[hidden]{display:none!important}