.uinbox-wrap{width:100%;min-width:0;container-type:inline-size}.uinbox{background:#fff;grid-template-columns:168px 1fr;height:360px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid}.uinbox__sidebar{background:#f9fafb;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;overflow:hidden}.uinbox__sidebar-top{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:.55rem .6rem .5rem}.uinbox__tabs{background:#f1f5f9;border-radius:8px;gap:2px;margin-bottom:.45rem;padding:2px;display:flex}.uinbox__tab{color:#64748b;cursor:default;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.22rem;padding:.26rem .4rem;font-size:.6rem;font-weight:600;display:flex}.uinbox__tab--active{color:#111827;background:#fff;box-shadow:0 1px 3px #00000014}.uinbox__tab-badge{color:#fff;background:#3b82f6;border-radius:10px;padding:.04rem .32rem;font-size:.48rem;font-weight:700;line-height:1.4}.uinbox__search-field{color:#9ca3af;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.28rem .5rem;font-size:.58rem;display:flex}.uinbox__conv-list{flex:1;overflow-y:auto}.uinbox__conv-list::-webkit-scrollbar{width:3px}.uinbox__conv-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.uinbox__conv{cursor:default;border-bottom:1px solid #2563eb0f;align-items:flex-start;gap:.35rem;padding:.45rem .5rem;transition:background .12s;display:flex;position:relative}.uinbox__conv:hover{background:#f8fafc}.uinbox__conv--selected{background:#eff6ff;box-shadow:inset 3px 0 #3b82f6}.uinbox__avatar-wrap{flex-shrink:0;position:relative}.uinbox__avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px;display:block;box-shadow:0 1px 4px #0000001f}.uinbox__status-dot{background:#22c55e;border:2px solid #f9fafb;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.uinbox__conv--selected .uinbox__status-dot{border-color:#eff6ff}.uinbox__conv-body{flex:1;min-width:0}.uinbox__conv-top{justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.uinbox__conv-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.22rem;max-width:78px;font-size:.65rem;font-weight:700;display:flex;overflow:hidden}.uinbox__tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:.04rem .28rem;font-size:.47rem;font-weight:700}.uinbox__tag--green{color:#16a34a;background:#dcfce7}.uinbox__conv-time{color:#9ca3af;flex-shrink:0;font-size:.53rem}.uinbox__conv-headline{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:.56rem;line-height:1.3;display:block;overflow:hidden}.uinbox__conv-preview{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.57rem;display:block;overflow:hidden}.uinbox__conv-preview--fail{color:#ef4444}.uinbox__conv-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.uinbox__account-badge{color:#3b82f6;white-space:nowrap;background:#eff6ff;border-radius:4px;padding:.06rem .32rem;font-size:.48rem;font-weight:600}.uinbox__unread-pip{background:#3b82f6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #3b82f633}.uinbox__thread{background:#fff;flex-direction:column;display:flex;overflow:hidden}.uinbox__thread-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:.5rem;min-height:52px;padding:.5rem .75rem;display:flex}.uinbox__thread-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px;box-shadow:0 1px 4px #0000001f}.uinbox__thread-who{flex:1;min-width:0}.uinbox__thread-name{color:#111827;font-size:.72rem;font-weight:700;line-height:1.2;display:block}.uinbox__thread-meta{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.54rem;display:block;overflow:hidden}.uinbox__thread-meta strong{color:#6b7280;font-weight:600}.uinbox__thread-actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.uinbox__hdr-btn{cursor:default;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:3px;padding:.22rem .5rem;font-size:.56rem;font-weight:600;display:flex}.uinbox__hdr-btn--ghost{color:#475569;background:#fff;border:1px solid #e2e8f0}.uinbox__hdr-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%)}.uinbox__icon-btn{color:#9ca3af;cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.22rem;display:flex}.uinbox__msgs{background:#f8fafc;flex-direction:column;flex:1;gap:.55rem;padding:.65rem .75rem;display:flex;overflow:hidden}.uinbox__msg{gap:.38rem;max-width:80%;display:flex}.uinbox__msg--in{align-self:flex-start}.uinbox__msg--out{flex-direction:row-reverse;align-self:flex-end}.uinbox__msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:14px;box-shadow:0 1px 3px #0000001a}.uinbox__msg-content{flex-direction:column;gap:2px;display:flex}.uinbox__msg-author{color:#64748b;margin-bottom:1px;font-size:.5rem;font-weight:600;display:block}.uinbox__msg-bubble{border-radius:14px;padding:.45rem .65rem;font-size:.63rem;line-height:1.6}.uinbox__msg--in .uinbox__msg-bubble{color:#1f2937;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000a}.uinbox__msg--out .uinbox__msg-bubble{color:#1e40af;background:linear-gradient(135deg,#3b82f624 0%,#38bdf81a 100%);border:1px solid #2563eb38;border-bottom-right-radius:4px}.uinbox__msg-ts{color:#b0b7c3;padding:0 .2rem;font-size:.48rem}.uinbox__msg--out .uinbox__msg-ts{text-align:right}.uinbox__compose{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;padding:.45rem .65rem}.uinbox__compose-bar{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:.25rem;padding:.3rem .45rem;display:flex}.uinbox__compose-icon{color:#9ca3af;cursor:default;background:0 0;border:none;padding:.12rem;display:flex}.uinbox__compose-input{color:#9ca3af;flex:1;font-size:.6rem}.uinbox__send-btn{color:#fff;cursor:default;background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;box-shadow:0 2px 6px #2563eb4d}@container (max-width:480px){.uinbox-wrap .uinbox{grid-template-columns:1fr}.uinbox__sidebar,.uinbox__hdr-btn--ghost{display:none}}@container (min-width:481px) and (max-width:600px){.uinbox-wrap .uinbox{grid-template-columns:110px 1fr}.uinbox__conv-headline,.uinbox__conv-preview,.uinbox__conv-right{display:none}.uinbox__avatar-img{width:22px;height:22px}.uinbox__conv{gap:.25rem;padding:.3rem .35rem}.uinbox__conv-name{max-width:60px;font-size:.55rem}.uinbox__conv-time{font-size:.45rem}.uinbox__sidebar-top{padding:.35rem .4rem .3rem}.uinbox__search-field,.uinbox__hdr-btn--ghost{display:none}}
.sprofiles{background:#fff;max-height:400px;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;container-type:inline-size}.sprofiles::-webkit-scrollbar{width:3px}.sprofiles::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.sprofiles__grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.sprofiles__create-card{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:16px 12px;transition:border-color .15s;display:flex}.sprofiles__create-card:hover{background:#f8faff;border-color:#93c5fd}.sprofiles__create-icon{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:4px;display:flex}.sprofiles__create-title{color:#111827;font-size:.68rem;font-weight:700}.sprofiles__create-sub{color:#64748b;font-size:.57rem;line-height:1.45}.sprofiles__create-btn{color:#fff;cursor:default;background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);border:none;border-radius:8px;align-items:center;gap:4px;margin-top:6px;padding:5px 12px;font-size:.58rem;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #2563eb38}.sprofiles__card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:9px;padding:14px 12px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000d}.sprofiles__card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61f}.sprofiles__card-bar{background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sprofiles__card-head{align-items:flex-start;gap:8px;margin-top:2px;display:flex}.sprofiles__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 6px #00000024}.sprofiles__card-info{flex:1;min-width:0}.sprofiles__name-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:2px;display:flex}.sprofiles__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.sprofiles__status-badge{white-space:nowrap;border-radius:100px;flex-shrink:0;padding:.1rem .38rem;font-size:.48rem;font-weight:600}.sprofiles__masked{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.54rem;display:block;overflow:hidden}.sprofiles__icon-btn{color:#9ca3af;cursor:default;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:3px;transition:background .12s;display:flex}.sprofiles__icon-btn:hover{background:#f3f4f6}.sprofiles__stats{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px 0;display:grid}.sprofiles__stat{flex-direction:column;gap:1px;display:flex}.sprofiles__stat-val{color:#111827;font-size:.78rem;font-weight:700;line-height:1}.sprofiles__stat-lbl{color:#64748b;font-size:.48rem;font-weight:500;line-height:1.3}.sprofiles__actions{gap:4px;display:flex}.sprofiles__btn{cursor:default;white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:.54rem;font-weight:600;transition:all .12s;display:flex}.sprofiles__btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);border:none;box-shadow:0 2px 6px #2563eb38}.sprofiles__btn--outline{color:#2563eb;background:#fff;border:1.5px solid #bfdbfe}.sprofiles__btn--danger{color:#64748b;background:#fff;border:1.5px solid #e2e8f0}.sprofiles__btn--danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}@container (max-width:480px){.sprofiles__grid{grid-template-columns:1fr;gap:8px}.sprofiles__card{gap:6px;padding:10px 10px 8px}.sprofiles__actions{flex-wrap:wrap}.sprofiles__create-card{padding:12px 10px}}@container (min-width:481px) and (max-width:600px){.sprofiles__grid{grid-template-columns:1fr;gap:8px}.sprofiles__card{flex-flow:wrap;align-items:center;gap:8px;padding:10px}.sprofiles__card-head{flex:1;min-width:0}.sprofiles__stats{border:none;flex:none;gap:8px;padding:0}.sprofiles__actions{width:100%}}