.modal-trigger{cursor:pointer;color:#fff;background-color:#0033a1;border:none;border-radius:6px;align-items:center;gap:8px;height:40px;min-height:40px;max-height:40px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.modal-trigger:focus{outline-offset:2px;outline:2px solid #0033a1}.modal-trigger-disabled,.modal-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.modal-trigger-icon{align-items:center;display:flex}.modal-trigger-icon-only{justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#f3f4f6cc;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayShow;position:fixed;inset:0}.modal-overlay-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayHide}.modal-content{background:#fff;border-radius:8px;width:90%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards contentShow;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d}.modal-content-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards contentHide}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayHide{0%{opacity:1}to{opacity:0}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes contentHide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.modal-header{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{color:#000;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.modal-title-icon{align-items:center;display:flex}.modal-close{cursor:pointer;color:#666;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;font-size:24px;transition:background-color .2s;display:flex}.modal-close:hover,.modal-close:focus,.modal-close:active{color:#0033a1;outline-offset:2px;outline:2px solid #0033a1}.modal-body{padding:0 24px 16px}.modal-footer{padding:16px 24px 24px}.modal-footer-buttons{gap:12px;display:flex}.modal-footer-buttons:not(.modal-footer-buttons-with-cancel) .modal-save-button{width:100%}.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-cancel-button,.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-save-button{flex:1}.modal-save-button{color:#fff;cursor:pointer;background-color:#0033a1;border:none;border-radius:6px;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.modal-save-button:hover{background-color:#0f172a}.modal-save-button:focus{outline-offset:2px;outline:2px solid #0033a1}.modal-cancel-button{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:6px;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.modal-cancel-button:hover{background-color:#4b5563}.modal-cancel-button:focus{outline-offset:2px;outline:2px solid #0033a1}.modal-input{border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:#0033a1;outline:none;box-shadow:0 0 0 1px #0208171a}.modal-label{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}@media (max-width:768px){.modal-content{width:95%;margin:20px}.modal-header{padding:16px 20px 12px}.modal-body{padding:0 20px 12px}.modal-footer{padding:12px 20px 20px}.modal-title{font-size:16px}.modal-footer-buttons.modal-footer-buttons-with-cancel{flex-direction:column;gap:8px}.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-cancel-button,.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-save-button{width:100%}}.modal-trigger.outline{color:#0033a1;background-color:#0000;border:1px solid #0033a1}.modal-trigger.outline:hover{color:#fff;background-color:#0033a1}.modal-trigger.secondary{color:#fff;background-color:#6c757d}.modal-trigger.secondary:hover{background-color:#545b62}.modal-trigger.danger{color:#fff;background-color:#dc3545}.modal-trigger.danger:hover{background-color:#c82333}.modal-save-button.danger{background-color:#dc3545}.modal-save-button.danger:hover{background-color:#c82333}.modal-save-button.danger:focus{outline-color:#dc3545}.modal-info-message{color:#718096;margin-top:8px;font-size:14px;font-style:italic}.modal-input-group{gap:8px;margin-bottom:8px;display:flex}.modal-input-group .modal-input{flex-grow:1;margin-bottom:0}.modal-input-group-button{cursor:pointer;color:#4a5568;background-color:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .2s;display:flex}.modal-input-group-button:hover{background-color:#cbd5e0}