*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app-container{height:100vh;width:100%;display:flex;flex-direction:column}.header{background:#075e54;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;height:60px;position:relative;z-index:101}.header h1{font-size:1.2rem;font-weight:500}.controls{display:flex;align-items:center;gap:20px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:.9rem}.control-group select,.control-group input[type=date]{padding:5px 10px;border-radius:4px;border:none;font-size:.9rem;background:#fff;cursor:pointer}.jump-latest-btn{padding:5px 12px;border-radius:4px;border:none;font-size:.85rem;background:#128c7e;color:#fff;cursor:pointer;transition:background .2s}.jump-latest-btn:hover{background:#0a6b5f}.message-count{font-size:.8rem;opacity:.8}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.hamburger-icon span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger-icon.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{display:none;background:#054d44;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.mobile-menu.open{padding:15px 20px;max-height:200px}.mobile-control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.mobile-control-group:last-child{margin-bottom:0}.mobile-control-group label{font-size:.85rem;color:#fffc}.mobile-control-group select,.mobile-control-group input[type=date]{padding:8px 12px;border-radius:4px;border:none;font-size:1rem;background:#fff;width:100%}.mobile-date-row{display:flex;gap:10px}.mobile-date-row input{flex:1}.mobile-date-row .jump-latest-btn{padding:8px 16px}.mobile-menu .message-count{color:#ffffffb3}.chat-container{flex:1;overflow:hidden;position:relative}.load-newer-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;border-radius:20px;border:none;background:#128c7e;color:#fff;font-size:.9rem;cursor:pointer;box-shadow:0 2px 10px #0003;transition:background .2s,transform .2s}.load-newer-btn:hover{background:#0a6b5f;transform:translate(-50%) scale(1.05)}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem;color:#666}@media(max-width:768px){.desktop-controls{display:none}.hamburger-btn,.mobile-menu{display:block}.header h1{font-size:1.1rem}}