.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1000}.modal-backdrop.is-active{display:block;opacity:1}.modal{display:none;left:50%;max-width:500px;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.68,-.55,.27,1.55);width:90%;z-index:1001}.modal input[type=text],.modal select{width:100%}.modal.is-active{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;position:relative}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.modal-body{color:#4b5563;padding:1.5rem}.modal-body p:last-of-type{margin-bottom:0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:1.5rem}.btn-close{background-color:#e5e7eb;border:none;border-radius:.75rem;font-weight:600;transition:background-color .3s}.btn-close:hover{background-color:#d1d5db}.btn-save{background-color:#3b82f6;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s}.btn-save:hover{background-color:#2563eb}.btn-close-red{background-color:#dc2626;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s}.btn-close-red:hover{background-color:#b91c1c}.close-modal-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:.5rem;transition:background-color .3s ease}.close-modal-btn:hover{background-color:rgba(0,0,0,.05)}.close-modal-btn svg{color:#6b7280;height:1.5rem;transition:color .3s ease;width:1.5rem}.close-modal-btn:hover svg{color:#1f2937}.btn-close{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#4b5563;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-close:hover{background-color:#e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#1f2937;transform:translateY(-2px)}