*{box-sizing:border-box}html{font-family:sans-serif;font-size:16px}body{display:flex;flex-direction:column;margin:0;min-height:100vh}main{flex:1}.site-menu{align-items:center}.site-menu nav{display:flex;justify-content:space-around}.site-menu ul{display:flex;justify-content:space-around;color:darkorange}.site-menu li{margin-left:20px}#lalatown-logo{justify-content:left;font-size:30px;color:deeppink}footer{display:flex;justify-content:center}.side-modal .modal-dialog{position:fixed;right:0;margin:0;height:100%;transform:translateX(100%);transition:transform 0.3s ease-out;background-color:bisque}.side-modal.show .modal-dialog{transform:translateX(0)}.pagination{display:flex;justify-content:center;list-style:none;padding:0}.pagination li{margin:0 5px}.pagination a,.pagination span{text-decoration:none;padding:8px 12px;border:1px solid #ccc;border-radius:4px;color:#333}.pagination .current-page{background-color:#007bff;color:white;border-color:#007bff}select[multiple]{height:auto;min-height:100px}.form-wrapper{width:100%;max-width:600px;margin:0 auto}.form-wrapper h1{font-size:1.5rem;text-align:center}.form-wrapper__field{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;width:100%}.form-wrapper__field label,.form-wrapper__field input,.form-wrapper__field textarea,.form-wrapper__field select{width:100%;font-size:1rem;padding:1rem;border-radius:0.3rem}.form-wrapper__field textarea{font-size:0.8rem}.form-wrapper__field label{padding-left:0}.form-wrapper__field--checkbox{display:flex;flex-direction:row;align-items:center;width:100%}.form-wrapper__field--checkbox input[type="checkbox"]{width:auto}.form-wrapper__submit{width:30%;font-size:1rem;padding:0.8rem;border-radius:0.3em;border-width:0.1rem;color:#F1F4F7;background-color:#0099FF;margin-top:1.5rem}.cu-form{width:40%}.cu-form__field{margin-bottom:10px}.chat-wrapper{max-width:480px;height:100vh;margin:0 auto;display:flex;flex-direction:column;background:#fff}.chat-wrapper__header{padding:1rem;border-bottom:1px solid #ddd;background:#fafafa}.chat-wrapper__partner-name{margin:0;font-weight:bold;text-align:center}.chat-wrapper__msglist{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:0.75rem}.chat-wrapper__message{display:flex;flex-direction:column;max-width:100%;gap:0.25rem}.chat-wrapper__bubble{margin:0;padding:0.6rem 0.8rem;border-radius:12px;font-size:0.9rem;line-height:1.4;word-break:break-word}.chat-wrapper__image{max-width:200px;max-height:200px;border-radius:8px}.chat-wrapper__time{font-size:0.7rem;color:#888}.chat-wrapper__message--partner{align-self:flex-start}.chat-wrapper__message--partner .chat-wrapper__bubble{background:#e6e6e6}.chat-wrapper__message--mine{align-self:flex-end;text-align:right}.chat-wrapper__message--mine .chat-wrapper__bubble{background:#cce5ff}.chat-wrapper__form{border-top:1px solid #ddd;padding-top:0.5rem;width:100%}.chat-wrapper__input-wrapper{display:flex;flex-direction:row;min-height:2.4rem;max-height:15vh}.chat-wrapper__form-text textarea{border-radius:1rem}.chat-wrapper__form--right{display:flex;flex-direction:column;min-width:0;width:30%}.chat-wrapper__file input[type="file"]{width:200%}.chat-wrapper__file input[type="file"]::file-selector-button{padding:0.4rem 0.8rem;border:none;border-radius:1rem;background:#e0e0e0;cursor:pointer;font-size:0.8rem;color:red}.chat-wrapper__submit{width:100%;padding:0 1rem;border:none;border-radius:0.5rem}