body{margin:0;font-family:Arial,sans-serif;background:#f0f2f5}h4{margin-top:50px}.logo{height:200px;width:200px;margin:auto}.center-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.box{width:500px;min-height:300px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:10px}.split-container{display:flex;gap:20px;margin-top:10px}.panel{width:500px;height:750px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column}input{padding:8px;border-radius:5px;border:1px solid #ccc;margin-bottom:5px}.user-info-box{margin-top:10px;padding:10px;border-radius:12px;background:#f2f2f7;font-size:14px}button{padding:8px;border:none;border-radius:5px;background:#3b82f6;color:#fff;box-shadow:0 5px 2px #0003;cursor:pointer}button:hover{background:#2c73e6}button:disabled{background:#aaa;cursor:not-allowed}.grey{padding:8px;border:none;border-radius:5px;background:#e5e5ea;color:#000;box-shadow:0 5px 2px #0003;cursor:pointer}.grey:hover{background:#d2d2d8}.remove-btn{background:#ff3b30;color:#fff;border:none;padding:4px 10px;margin-left:10px;border-radius:10px;cursor:pointer;font-size:12px}.remove-btn:hover{background:#d9362b}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column}.message-row{display:flex;margin-bottom:8px}.sent{justify-content:flex-end}.received{justify-content:flex-start}.bubble{max-width:70%;padding:10px 14px;border-radius:20px;font-size:14px}.sent .bubble{background:#007aff;color:#fff;border-bottom-right-radius:5px}.received .bubble{background:#e5e5ea;color:#000;border-bottom-left-radius:5px}.chat-input{display:flex;gap:10px;padding:10px;border-top:1px solid #ddd}.chat-input input{flex:1;border-radius:20px;padding:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0000004d;z-index:1000}.modal-box{background:#fff;padding:25px;border-radius:12px;width:300px;text-align:center;box-shadow:0 10px 25px #0003}.modal-actions{display:flex;justify-content:center;gap:20px;margin-top:15px}.error{color:#ff3b30;font-size:14px;margin-top:5px}.success{color:#34c759;font-size:14px;margin-bottom:10px}