*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#f1f1f1;font-family:sans-serif;color:#333}h1,h2,h3{margin-bottom:8px}button{cursor:pointer}.navbar{display:flex;align-items:center;background:#075e54;color:#fff;padding:8px;position:sticky;top:0}.navbar .logo{font-weight:700;margin-right:auto}.search-form input{padding:6px;border-radius:4px;border:none;outline:none}.menu-icon{cursor:pointer;font-size:1.2rem}.menu-dropdown{position:absolute;top:50px;right:10px;background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;z-index:999;width:160px;box-shadow:0 2px 8px #00000026}.menu-dropdown li{list-style:none;padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee}.menu-dropdown li:hover{background:#f0f0f0}.chatlist-container{display:flex;flex-direction:column;height:100%;max-height:100vh}.chatlist{flex:1;overflow-y:auto;padding:1rem;background:#fff}.chatitem{display:block;padding:12px;border-bottom:1px solid #ddd;color:#333;text-decoration:none;transition:background .2s}.chatitem:hover{background:#f9f9f9}.chatitem-top{display:flex;justify-content:space-between;margin-bottom:4px}.chatitem-top .date{font-size:.85rem;color:#999}.chatitem-bottom{display:flex;justify-content:space-between;align-items:center}.chatitem-bottom .unread{background:#25d366;color:#fff;border-radius:50%;padding:4px 8px;font-size:.8rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f5f5}.login-logo{width:120px;margin-bottom:1rem}.login-welcome{color:#777;margin-bottom:2rem;text-align:center;max-width:280px}.login-input{width:80%;max-width:320px;padding:12px;border-radius:4px;margin-bottom:1rem;border:1px solid #ccc;font-size:16px}.login-button{width:80%;max-width:320px;padding:12px;border:none;border-radius:4px;background-color:#6200ee;color:#fff;font-size:16px;cursor:pointer}.login-button:hover{background-color:#5a00d4}.chatdetail-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#e5ddd5;display:flex;flex-direction:column;overflow:hidden}.chatdetail-header{background:#075e54;color:#fff;display:flex;align-items:center;padding:8px;flex-shrink:0}.back-btn{margin-right:8px;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.chatdetail-title{flex:1;font-weight:700;cursor:pointer;font-size:1.1rem}.meet-btn{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;margin-left:8px}.chatdetail-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;display:flex;flex-direction:column}.message-bubble{max-width:70%;margin-bottom:8px;padding:8px 12px;border-radius:6px;position:relative;font-size:.95rem;line-height:1.3;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.message-bubble.left{background:#fff;align-self:flex-start}.message-bubble.right{background:#dcf8c6;align-self:flex-end}.message-time{display:block;font-size:.75rem;color:#666;margin-top:4px;text-align:right}.chatdetail-footer{display:flex;align-items:center;padding:6px;background:#f0f0f0;flex-shrink:0}.icon-btn{border:none;background:transparent;padding:6px;margin:0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn img{width:24px;height:24px;object-fit:contain}.mic-btn img{width:28px;height:28px}.chat-input{flex:1;padding:8px 10px;border-radius:20px;border:1px solid #ccc;font-size:16px;margin:0 6px}.send-text-btn img{width:28px;height:28px;object-fit:contain}.recording-bar{flex:1;display:flex;justify-content:center;align-items:center;background:#f0f0f0;padding:8px}.recording-bar-content{display:flex;align-items:center;background:#fff;border-radius:20px;padding:6px 12px;box-shadow:0 1px 5px #0003}.rec-icon-btn{border:none;background:transparent;padding:6px;margin:0 6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.rec-icon-btn img{width:24px;height:24px}.rec-time{font-size:14px;font-weight:500;margin:0 8px}.camera-menu{position:absolute;bottom:40px;right:0;background:#fff;border:1px solid #ccc;border-radius:4px;list-style:none;padding:0;margin:0;z-index:999}.camera-menu li{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}.camera-menu li:hover{background:#f0f0f0}.image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.image-modal-content{position:relative}.image-modal-close{position:absolute;top:8px;right:8px;border:none;background:none;color:#fff;font-size:1.8rem;cursor:pointer}.image-modal-img{max-width:90vw;max-height:90vh;object-fit:contain}.bubble-image{display:block;width:100%;max-width:300px;height:auto;cursor:zoom-in}.message-bubble video,.message-bubble audio{display:block;max-width:100%;outline:none;border:none}.message-bubble audio{min-width:200px;min-height:32px}@media (max-width: 400px){.icon-btn img{width:20px;height:20px}.mic-btn img{width:24px;height:24px}.rec-icon-btn img{width:20px;height:20px}.chat-input{font-size:14px;padding:6px 8px;margin:0 4px}.chatdetail-header{padding:6px}.chatdetail-title{font-size:1rem}}.transactions-page{padding:1rem}.transactions-table{width:100%;border-collapse:collapse;background:#fff}.transactions-table th,.transactions-table td{border:1px solid #ddd;padding:8px;text-align:left}.transactions-table th{background:#eee}html,body{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;overflow:hidden!important;position:fixed;touch-action:none}#root{width:100vw!important;height:100vh!important;overflow:hidden!important;max-width:100vw!important;max-height:100vh!important;position:fixed;left:0;top:0;right:0;bottom:0;background:#f1f1f1;display:flex;flex-direction:column}@media (max-width: 900px){html,body,#root{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;overflow:hidden!important;position:fixed!important}}body,html{margin:0!important;padding:0!important;border:0!important}