body{margin:0;font-family:Arial,sans-serif;background:#f0f2f5}.logo{height:200px;width:200px;margin:auto}.center-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.box{width:400px;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:350px;height:500px;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}button{padding:8px;border:none;border-radius:5px;background:#3b82f6;color:#fff;box-shadow:0 5px 2px #0003;cursor:pointer}.grey{padding:8px;border:none;border-radius:5px;background:#e5e5ea;color:#000;box-shadow:0 5px 2px #0003;cursor:pointer}button:disabled{background:#aaa;cursor:not-allowed}.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}