:root{--bg: #0b0d12;--bg2: #10141d;--surface: #161b26;--surface2: #1c2230;--border: #232b3a;--text: #eef2f8;--muted: #93a1b8;--red: #ef4444;--blue: #3b82f6;--deep-blue: #1d4eb8;--gold: #eab308;--green: #22c55e;--grey: #6c757d;--radius: 12px;--shadow: 0 6px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;color:#fff;background:var(--surface2);transition:filter .12s ease,opacity .12s ease}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue)}.btn-success{background:var(--green);color:#06210f;font-weight:700}.btn-danger{background:var(--red)}.btn-warning{background:var(--gold);color:#241c00;font-weight:700}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.brand .logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--red),var(--gold));display:grid;place-items:center;font-weight:800;color:#1a1200}.brand b{font-size:15px}.brand span{display:block;font-size:11px;color:var(--muted)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:600}.nav-link:hover{background:var(--surface);color:var(--text)}.nav-link.active{background:var(--surface2);color:var(--text)}.nav-link .count{margin-left:auto;background:var(--red);color:#fff;font-size:11px;border-radius:999px;padding:1px 7px;font-weight:700}.sidebar-foot{margin-top:auto;font-size:12px;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:0;z-index:5}.topbar h1{font-size:17px;margin:0}.topbar .spacer{flex:1}.content{padding:24px;max-width:1100px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h3{margin:0 0 6px;font-size:16px}.row{display:flex;gap:12px;align-items:center}.muted{color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:150px}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.filter-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.spinner-wrap{display:grid;place-items:center;min-height:60vh;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--blue);animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--bg2)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:380px}.error-text{color:var(--red);font-size:13px;margin-top:10px}.notice{background:#eab3081f;border:1px solid var(--gold);color:#f5d97a;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.chat-cols{display:grid;grid-template-columns:300px 1fr;gap:16px;min-height:70vh}.chat-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chat-list-item{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}.chat-list-item:hover{background:var(--surface)}.chat-list-item.active{background:var(--surface2)}.chat-pane{border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.chat-scroll{flex:1;padding:16px;overflow-y:auto;max-height:60vh;display:flex;flex-direction:column;gap:8px}.bubble{max-width:74%;padding:9px 12px;border-radius:12px;font-size:14px}.bubble.them{background:var(--surface2);align-self:flex-start}.bubble.me{background:var(--deep-blue);align-self:flex-end}.bubble .meta{display:block;font-size:10px;color:var(--muted);margin-top:4px}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}