*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:#0f172a;color:#e5e7eb}
.center{display:flex;justify-content:center;align-items:center;height:100vh}
.card{background:#020617;padding:25px;border-radius:14px;width:320px}
input{width:100%;padding:10px;margin:6px 0;border-radius:8px;border:none}
button{width:100%;padding:10px;border:none;border-radius:8px;background:#2563eb;color:white;margin-top:6px;cursor:pointer}
button.secondary{background:#334155}
button.danger{background:#dc2626}
button.small{width:auto}
.app{display:flex;height:100vh}
aside{width:260px;background:#020617;padding:12px;overflow-y:auto}
aside h3{margin-top:10px}
aside ul{list-style:none;padding:0}
aside li{padding:6px;border-radius:6px;cursor:pointer}
aside li:hover{background:#1e293b}
main{flex:1;display:flex;flex-direction:column;padding:12px}
#chatHeader{font-weight:600;margin-bottom:6px}
#chat{flex:1;background:#020617;border-radius:12px;padding:10px;overflow-y:auto}
.msg{margin:4px 0}
.me{color:#22c55e}
.inputRow{display:flex;gap:6px;margin-top:8px}
.inputRow input{flex:1}