.messages-wrapper{background:linear-gradient(#140000f5,#050000f5);border:1px solid #ff00002e;border-radius:34px;width:100%;max-width:1700px;padding:40px;position:relative;overflow:hidden;box-shadow:0 0 80px #ff000024}.messages-topbar{justify-content:space-between;align-items:center;gap:30px;width:100%;margin-bottom:35px;display:flex}.messages-title{color:#fff;letter-spacing:6px;text-shadow:0 0 20px red;font-size:42px;font-weight:900}.messages-count{color:#ff5a5a;letter-spacing:3px;margin-top:10px;font-size:13px;font-weight:700;display:inline-block}.messages-search{color:#fff;letter-spacing:2px;background:#ff00000d;border:1px solid #f003;border-radius:18px;outline:none;width:360px;height:58px;padding:0 22px;font-size:14px;transition:all .2s}.messages-search:focus{border-color:#ff000080;box-shadow:0 0 25px #ff000040}.messages-layout{grid-template-columns:420px 1fr;align-items:start;gap:35px;width:100%;display:grid}.messages-sidebar{flex-direction:column;gap:18px;width:100%;display:flex}.folder-btn{color:#fff;letter-spacing:3px;cursor:none;background:#ff00000d;border:1px solid #ff000029;border-radius:18px;width:100%;height:58px;font-weight:800;transition:all .2s}.folder-btn:hover,.folder-btn.active{background:#ff00001a;border-color:#ff000073;transform:translateY(-2px);box-shadow:0 0 25px #ff000040}.message-list{flex-direction:column;gap:16px;width:100%;max-height:720px;margin-top:10px;padding-right:5px;display:flex;overflow-y:auto}.message-preview{cursor:none;background:#ff00000a;border:1px solid #ff00001f;border-radius:22px;width:100%;padding:22px;transition:all .22s}.message-preview:hover,.message-preview.selected{background:#ff000014;border-color:#ff000073;transform:translateY(-2px);box-shadow:0 0 30px #ff00002e}.message-preview-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.message-preview h3{color:#fff;letter-spacing:2px;margin-bottom:10px;font-size:17px;font-weight:800}.message-preview p{color:#999;word-break:break-word;font-size:13px;line-height:1.7}.message-content{flex-direction:column;gap:25px;width:100%;min-height:760px;display:flex}.empty-message{color:#666;letter-spacing:4px;background:#ff000008;border:1px dashed #ff000029;border-radius:28px;justify-content:center;align-items:center;width:100%;height:100%;min-height:600px;display:flex}.message-header-box{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.message-user-block{background:#ff00000d;border:1px solid #ff000024;border-radius:24px;padding:26px}.message-label{color:#ff4a4a;letter-spacing:3px;margin-bottom:12px;font-size:11px;font-weight:900;display:block}.message-user-block h2{color:#fff;word-break:break-word;font-size:28px;line-height:1.5}.message-user-block p{color:#bbb;word-break:break-word;line-height:1.7}.message-box{background:#ff00000d;border:1px solid #ff000026;border-radius:30px;width:100%;min-height:300px;padding:30px;position:relative}.message-text{color:#e2e2e2;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;font-size:15px;line-height:2}.comments-box{background:#ff00000d;border:1px solid #ff000024;border-radius:28px;width:100%;padding:28px}.comments-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.comment-item{background:#00000073;border:1px solid #ff00001f;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;padding:18px 20px;display:flex}.comment-item p{color:#d6d6d6;white-space:pre-wrap;word-break:break-word;line-height:1.8}.comment-item button{color:#fff;cursor:none;background:#ff00001f;border:none;border-radius:12px;width:34px;height:34px;font-size:18px}.comment-input-wrap{flex-direction:column;gap:16px;display:flex}.comment-input-wrap textarea{resize:vertical;color:#fff;background:#00000073;border:1px solid #ff000029;border-radius:20px;outline:none;width:100%;min-height:130px;padding:20px;line-height:1.8}.comment-input-wrap button{color:#fff;letter-spacing:3px;cursor:none;background:#ff000014;border:1px solid #ff000040;border-radius:18px;width:100%;height:58px;font-weight:900;transition:all .2s}.comment-input-wrap button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff000040}.message-actions{grid-template-columns:repeat(5,1fr);gap:18px;width:100%;display:grid}.message-actions button{color:#fff;letter-spacing:2px;cursor:none;background:#ff00000d;border:1px solid #ff00002e;border-radius:18px;height:62px;font-weight:800;transition:all .2s}.message-actions button:hover{border-color:#f006;transform:translateY(-2px);box-shadow:0 0 30px #ff000040}.delete-action{background:#ff00001f!important}.messages-back{margin-top:auto}.reply-overlay{z-index:99999;background:#000000e0;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.reply-modal{background:linear-gradient(#140000f5,#050000f5);border:1px solid #f003;border-radius:34px;width:100%;max-width:900px;padding:40px;box-shadow:0 0 60px #ff00002e}.reply-modal h2{color:#fff;letter-spacing:4px;text-shadow:0 0 20px red;margin-bottom:25px;font-size:34px}.template-buttons{gap:18px;margin-bottom:25px;display:flex}.template-buttons button{color:#fff;letter-spacing:3px;cursor:none;background:#ff00000f;border:1px solid #f003;border-radius:18px;flex:1;height:58px;font-weight:900;transition:all .2s}.template-buttons button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff000040}.reply-modal textarea{resize:vertical;color:#fff;background:#00000073;border:1px solid #ff00002e;border-radius:24px;outline:none;width:100%;min-height:320px;margin-bottom:25px;padding:25px;font-size:14px;line-height:1.9}.reply-actions{gap:18px;display:flex}.reply-actions button{color:#fff;letter-spacing:3px;cursor:none;background:#ff000014;border:1px solid #ff000038;border-radius:18px;flex:1;height:60px;font-weight:900;transition:all .2s}.reply-actions button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff000038}@media (max-width:1200px){.messages-layout{grid-template-columns:1fr}.message-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.messages-wrapper{padding:18px}.messages-topbar{flex-direction:column;align-items:stretch}.messages-search{width:100%}.message-header-box,.message-actions{grid-template-columns:1fr}.template-buttons,.reply-actions{flex-direction:column}.reply-modal{padding:22px}.reply-modal h2{font-size:24px}}