:root{--bg: #0f0f1a;--surface: #1a1a2e;--border: #2a2a45;--accent: #4f9cf9;--accent-dk: #3a7fd4;--text: #e0e0f0;--muted: #7a7a9a;--trust: #4caf50;--radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:15px}a{color:var(--accent);text-decoration:none}input[type=text],input[type=search]{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}input[type=text]:focus,input[type=search]:focus{border-color:var(--accent)}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:14px;transition:background .2s,opacity .2s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;padding:10px 22px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dk)}.btn-ghost{background:transparent;color:var(--muted);padding:6px 14px;border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.user-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.user-row:hover{background:var(--border)}.user-row.selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--border)}.avatar-lg{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--border)}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-id{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading{color:var(--muted);padding:24px;text-align:center}.error{color:#f44336;padding:12px;background:#f443361a;border-radius:var(--radius)}