.modal{z-index:2147483647;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.fullscreen{justify-content:stretch;align-items:stretch}.modal-header{margin-bottom:10px}.modal-header-title{margin-top:0;font-size:26px;font-weight:600}@media (max-width:767px){.modal-header-title{font-size:22px}}.modal-content{min-height:100px;max-height:75vh;font-size:14px;overflow:auto}@media (min-width:767px){.modal-content{font-size:16px}}.modal-footer{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}@media (max-width:767px){.modal-footer{gap:8px}}.modal-footer button{cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:767px){.modal-footer button{flex:1;padding:10px 16px;font-size:13px}}.modal-footer button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0000001f}.modal-footer button:active:not(:disabled){transform:translateY(0)}.modal-footer button:disabled{opacity:.6;cursor:not-allowed}.modal-footer button.btn-cancel{color:#333;background-color:#f5f5f5;border:1px solid #e0e0e0}.modal-footer button.btn-cancel:hover:not(:disabled){background-color:#efefef;border-color:#d0d0d0}.modal-footer button.btn-approve{color:#fff;background-color:#007fff;box-shadow:0 4px 12px #007fff4d}.modal-footer button.btn-approve:hover:not(:disabled){background-color:#0a6ad7;box-shadow:0 8px 20px #007fff66}.modal{opacity:0;animation:.2s forwards modalFadeIn}@keyframes modalFadeIn{to{opacity:1}}.modal-wrapper{background-color:#fff;border:1px solid #888;border-radius:8px;width:80%;max-width:500px;padding:20px;position:relative}.modal-wrapper.fullscreen{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;padding:0 20px;display:flex;border:none!important}.modal-wrapper.fullscreen .modal-header{margin-bottom:10px;margin-top:calc(20px + var(--safe-area-top,0px));border-bottom:none}.modal-wrapper.fullscreen .modal-header .modal-header-title{margin-top:10px}.modal-wrapper.fullscreen .modal-content{flex:1;max-height:none;margin:20px 0;overflow-y:auto}.modal-wrapper.fullscreen .modal-footer{margin-top:auto;margin-bottom:calc(20px + var(--safe-area-bottom,0px));border-top:none;gap:12px}.modal-wrapper.fullscreen .modal-footer button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-wrapper.fullscreen.dark{border-radius:0}.modal-wrapper.fullscreen .close{top:calc(20px + var(--safe-area-top,0px))}.modal-wrapper.dark{background:#111;border:0;border-radius:30px;box-shadow:0 4px 8px #ffffff1a,0 2px 4px #0009}.modal-wrapper.dark .modal-footer{border-top-color:#222}.modal-wrapper.dark .modal-footer .btn-cancel{color:#e0e0e0;background-color:#2a2e36;border-color:#444}.modal-wrapper.dark .modal-footer .btn-cancel:hover:not(:disabled){background-color:#333842;border-color:#555}.modal-wrapper.dark .modal-footer .btn-approve{color:#fff;background-color:#007fff}.modal-wrapper .close{top:calc(20px + var(--safe-area-top,0px));color:#fff;font-size:40px;font-weight:300;right:25px}.modal-wrapper .close:hover,.modal-wrapper .close:focus{color:#ababab}.close{top:calc(10px + var(--safe-area-top,0px));color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:20px}.close:hover,.close:focus{color:#000}