.modal-overlay{position:fixed;inset:0;z-index:50;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#00000080}.modal-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;box-sizing:border-box}.modal-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:56rem;width:100%;max-height:90vh;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header-blue{background:linear-gradient(to right,#dbeafe,#bfdbfe);border-bottom-color:#93c5fd}.modal-header-green{background:linear-gradient(to right,#d1fae5,#a7f3d0);border-bottom-color:#6ee7b7}.modal-header-purple{background:linear-gradient(to right,#e9d5ff,#c4b5fd);border-bottom-color:#a78bfa}.modal-header-red{background:linear-gradient(to right,#fee2e2,#fecaca);border-bottom-color:#fca5a5}.modal-title{font-size:1.125rem;font-weight:600;color:#111827}.modal-close-btn{color:#9ca3af;transition:color .15s}.modal-close-btn:hover{color:#4b5563}.modal-close-btn svg{width:1.5rem;height:1.5rem}.modal-content,.modal-body{padding:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(90vh - 140px);box-sizing:border-box}.modal-footer{background-color:#f9fafb;padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;box-sizing:border-box}.modal-btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .15s;border:none;cursor:pointer}.modal-btn-close{background-color:#e5e7eb;color:#1f2937}.modal-btn-close:hover{background-color:#d1d5db}.modal-btn-primary{background-color:#10b981;color:#fff}.modal-btn-primary:hover{background-color:#059669}.modal-btn-secondary{background-color:#e5e7eb;color:#374151}.modal-btn-secondary:hover{background-color:#d1d5db}.modal-btn-danger{background-color:#ef4444;color:#fff}.modal-btn-danger:hover{background-color:#dc2626}.history-item{border-left:4px solid;background-color:#f9fafb;padding:1rem;border-radius:0 .25rem .25rem 0}.history-item-green{border-left-color:#10b981}.history-item-blue{border-left-color:#3b82f6}.history-item-red{border-left-color:#ef4444}.history-item-purple{border-left-color:#8b5cf6}.history-item-yellow{border-left-color:#eab308}.history-item-gray{border-left-color:#6b7280}.badge{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;display:inline-block}.badge-green{background-color:#d1fae5;color:#065f46}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-yellow{background-color:#fef3c7;color:#92400e}.badge-purple{background-color:#e9d5ff;color:#6b21a8}.badge-indigo{background-color:#e0e7ff;color:#3730a3}.badge-gray{background-color:#f3f4f6;color:#374151}.message-form{background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.message-form-title{font-weight:600;color:#111827;margin-bottom:.75rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-error{color:#dc2626;font-size:.875rem;margin-top:.25rem}.empty-state{text-align:center;padding:3rem 0}.empty-state svg{margin:0 auto;height:3rem;width:3rem;color:#9ca3af}.empty-state p{margin-top:.5rem;color:#6b7280}.modal-action-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.modal-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .15s;border:1px solid}.modal-action-btn-blue{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.modal-action-btn-blue:hover{background-color:#bfdbfe}.modal-action-btn-green{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.modal-action-btn-green:hover{background-color:#a7f3d0}.modal-action-btn-purple{background-color:#e9d5ff;color:#6b21a8;border-color:#c4b5fd}.modal-action-btn-purple:hover{background-color:#d8b4fe}.modal-action-btn-red{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.modal-action-btn-red:hover{background-color:#fecaca}.message-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.75rem;font-size:.875rem;color:#374151;margin-top:.5rem}.error-box{margin-top:.5rem;padding:.5rem;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.25rem;font-size:.875rem;color:#991b1b}.attachments{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attachment-label{font-size:.75rem;font-weight:500;color:#4b5563}.attachment-item{padding:.25rem .5rem;font-size:.75rem;background-color:#eff6ff;color:#1e40af;border-radius:.25rem;border:1px solid #bfdbfe}.meta-info{text-align:right;font-size:.875rem;margin-left:1rem}.meta-user{color:#111827;font-weight:500}.meta-date{color:#6b7280}.meta-sent{font-size:.75rem;color:#059669}.meta-telegram-id{font-size:.75rem;color:#6b7280}.meta-telegram-id code{font-family:Monaco,Courier New,monospace}.change-details{font-size:.875rem;color:#4b5563;margin-top:.5rem}.change-label{font-weight:500}.change-value{color:#374151}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.flex-1{flex:1 1 0%}.whitespace-pre-wrap{white-space:pre-wrap}.modal-info-box{background-color:#d1fae5;padding:1rem;border-radius:.5rem;border:1px solid #6ee7b7;margin-top:1rem}.modal-warning-box{background-color:#fee2e2;padding:1rem;border-radius:.5rem;border:1px solid #fca5a5;margin-top:1rem}.modal-form-group{margin-bottom:1.5rem}.modal-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.modal-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .15s,box-shadow .15s}.modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-error{color:#dc2626;font-size:.875rem;margin-top:.5rem}