:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#000;color:#fff}*{box-sizing:border-box}.inbox-page{position:relative;height:100%}.inbox-page.delete-mode{padding-bottom:70px}.no-conversations{text-align:center;color:#8899a6;margin-top:2rem}.conversation-list{display:flex;flex-direction:column}.conversation-item{display:flex;align-items:center;padding:.75rem .2rem;cursor:pointer;border-bottom:1px solid #1f2c34;transition:background-color .2s}.conversation-item:hover{background-color:#1a242c}.conversation-item.selected{background-color:#f39c121a}.selection-checkbox{margin-right:1rem;color:#8899a6;display:flex;align-items:center;justify-content:center}.conversation-item.selected .selection-checkbox{color:#f39c12}.user-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-icon .material-symbols-outlined{font-size:2rem}.sender-info{flex:1;min-width:0}.sender-name{font-weight:500;font-size:1.1rem;color:#fff}.last-message-preview{color:#8899a6;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-details-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.message-time{font-size:.8rem;color:#8899a6}.unread-count{background-color:#f39c12;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.fab{position:absolute;bottom:1.5rem;right:1.5rem;width:60px;height:60px;border-radius:50%;background-color:#f39c12;color:#fff;border:none;font-size:2rem;cursor:pointer;box-shadow:0 4px 8px #0000004d;z-index:10}.settings-page{padding:1rem;background-color:#15202b;color:#fff;min-height:calc(100vh - 60px)}.card{background-color:#192734;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 8px #0000004d;border:1px solid #1f2c34}.card h2{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#fff}.card form{display:flex;flex-direction:column;gap:.75rem}.card label{color:#8899a6}.card input[type=text],.card textarea,.card select{width:100%;padding:.75rem;border:1px solid #3a4a58;border-radius:4px;font-size:1rem;font-family:inherit;background-color:#22303c;color:#fff}.card button{background-color:#f39c12;color:#fff;border:none;padding:.75rem 1rem;border-radius:99px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.card button:hover{background-color:#e08e0b}.card button:disabled{background-color:#4a5d6e;cursor:not-allowed}.sender-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;border:1px solid #1f2c34;border-radius:4px;background-color:#22303c}.sender-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #1f2c34}.sender-item:last-child{border-bottom:none}.sender-item span{flex-grow:1;font-size:1rem;color:#fff}.delete-button{background-color:#e0245e;padding:.4rem .8rem;font-size:.8rem;border-radius:99px}.delete-button:hover{background-color:#c01a4e}.edit-button{background-color:#1da1f2;margin-right:.5rem;padding:.4rem .8rem;font-size:.8rem;border-radius:99px}.edit-button:hover{background-color:#0c85d0}.header{background-color:#1f2c34;padding:.75rem .5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;position:sticky;top:0;z-index:100;height:56px;box-sizing:border-box}.header.search-active{background-color:#262d31}.header-left{display:flex;align-items:center;gap:.5rem;flex:1}.header-search-container{display:flex;align-items:center;gap:1rem;width:100%}.header-search-input{background:none;border:none;color:#fff;font-size:1.1rem;width:100%;outline:none}.header h1{margin:0;font-size:1.25rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:1.2rem}.back-button,.header-icon-button{background:none;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:50%}.header-icon-button:hover{background-color:#ffffff1a}.header-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.header-avatar .material-symbols-outlined{font-size:1.75rem}.layout{display:flex;flex-direction:column;height:100vh;background-color:#000}.content{flex:1;overflow-y:auto}.settings-link{text-decoration:none;color:#fff;font-size:1.5rem}.clickable{cursor:pointer;transition:opacity .2s}.clickable:hover{opacity:.7}.active-delete{color:#e0245e!important}.conversation-page{display:flex;flex-direction:column;height:calc(100vh - 56px);background-color:#0e161b;position:relative}.conversation-page.delete-mode{padding-bottom:70px}.messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column}.no-messages{text-align:center;color:#8899a6;margin-top:2rem}.message-wrapper{display:flex;align-items:center;gap:.75rem;width:100%;padding:4px 0;transition:background-color .2s;border-radius:8px}.message-wrapper.selected{background-color:#f39c121a}.selection-checkbox{color:#8899a6;display:flex;align-items:center;justify-content:center;padding-left:.5rem}.message-wrapper.selected .selection-checkbox{color:#f39c12}.message-bubble{padding:.5rem .75rem;border-radius:8px;max-width:80%;word-wrap:break-word}.message-bubble.received{background-color:#fff}.message-bubble p{margin:0;color:#000}.message-timestamp{display:block;font-size:.7rem;color:#a0b3c1;text-align:right;margin-top:.2rem}.date-separator{align-self:center;background-color:#1f2c34;color:#a0b3c1;padding:.25rem .75rem;border-radius:8px;font-size:.8rem;margin:1rem 0}.message-input-form{display:flex;align-items:center;padding:.5rem 1rem;background-color:#1f2c34}.message-input-form input{flex:1;background-color:#262d31;border:none;border-radius:99px;padding:.75rem 1rem;color:#fff;font-size:1rem}.attachment-button,.send-button{background:none;border:none;color:#8899a6;font-size:1.5rem;cursor:pointer;padding:.5rem}.send-button{color:#f39c12;transform:rotate(45deg)}.no-reply-notice{text-align:center;color:#e8eaed;font-size:1rem;padding:1.5rem 1rem;background-color:#1f2c34;width:100%}.no-reply-notice a{color:#8ab4f8;text-decoration:none;font-weight:500}.no-reply-notice a:hover{text-decoration:underline}.delete-actions-bar{position:fixed;bottom:0;left:0;right:0;background-color:#1f2c34;padding:1rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2f3b45;box-shadow:0 -4px 10px #0000004d;z-index:100}.delete-actions-bar span{color:#fff;font-weight:500}.delete-selected-button{background-color:#e0245e;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:99px;font-weight:700;cursor:pointer;transition:background-color .2s}.delete-selected-button:hover:not(:disabled){background-color:#c01a4e}.delete-selected-button:disabled{opacity:.5;cursor:not-allowed}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:.2rem}.message-timestamp{margin-top:0!important}.operator-separator{color:#f39c12;font-size:1rem;line-height:1}.operator-name{font-size:.7rem;color:#a0b3c1}.sms{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.contact-icon{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-right:0}