body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4}.page{height:100vh;display:flex;justify-content:center;align-items:center}.card{background:#fff;padding:30px;width:300px;border-radius:10px}input{width:100%;padding:10px;margin-bottom:12px}button{width:100%;padding:10px;background:#ff7a00;color:#fff;border:none;cursor:pointer}.admin{display:flex;height:100vh}.sidebar{width:280px;background:#fff;border-right:1px solid #ddd;padding:10px;overflow-y:auto}.chat-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.chat-item.active{background:#ffe4c7}.chat-item span{float:right;font-size:11px}.chatbox{flex:1;display:flex;flex-direction:column}.messages{flex:1;padding:15px;overflow-y:auto}.msg{max-width:60%;padding:10px;margin-bottom:10px;border-radius:8px}.user-msg{background:#eee}.admin-msg{background:#ff7a00;color:#fff;margin-left:auto}.input-box{display:flex;padding:10px;border-top:1px solid #ddd}.input-box input{flex:1}