body{background-color:#f4f5f9;color:#636363;font-family:Arial,sans-serif;line-height:1.4}.app{max-width:1200px;margin:0 auto;padding:40px}.filter{margin-bottom:30px}.filter span{margin-right:15px;font-weight:700}.filter button,.pagination button{margin-right:15px;padding:10px 20px;background-color:#e1e4ea;border:none;border-radius:20px;cursor:pointer;color:#636363;font-weight:700;transition:all .3s ease}.filter button.active,.pagination button.active{background-color:#e54065;color:#fff}.content{background-color:#fff;overflow:hidden}.content.split{display:flex;background-color:#f4f5f9}.email-container{flex:0 0 40%;display:flex;flex-direction:column;background-color:#f4f5f9}.email-list{flex-grow:1;max-height:70vh;overflow-y:auto}.email-item{display:flex;padding:15px;margin:10px;border-radius:8px;border:1px solid #CFD2DC;cursor:pointer;transition:all .3s ease}.email-item:hover{background-color:#f2f2f2}.email-item.unread{background-color:#fff}.email-item.read{background-color:#f2f2f2}.email-item.selected{border-left:5px solid #E54065}.avatar{width:60px;height:60px;border-radius:50%;background-color:#e54065;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin-right:20px;flex-shrink:0}.email-content{flex-grow:1}.email-content p{margin:4px 0;font-size:14px}.email-content .from,.email-content .subject{font-weight:700}.email-content .description{color:#636363}.email-content .date{font-size:14px;color:#636363}.favorite-badge{background-color:#e54065;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9em;margin-left:10px}.email-detail{flex:1;padding:20px;max-height:70vh;overflow-y:auto;border-radius:4px;border:1px solid #CFD2DC;background-color:#fff}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.email-header h2{margin:0;color:#e54065;font-size:24px}.favorite-button{background-color:#e54065;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.favorite-button:hover{background-color:#d63058}.email-meta{margin-bottom:30px;font-size:14px}.email-body{line-height:1.8;color:#636363;font-size:12px;margin:10px}.pagination{padding:20px;display:flex;justify-content:center}.loading{text-align:center;padding:20px;font-size:18px;color:#636363}.email-list::-webkit-scrollbar,.email-detail::-webkit-scrollbar{display:none}.email-list,.email-detail{overflow:-moz-scrollbars-none;scrollbar-width:none}