.app-modal-backdrop{z-index:300;background:var(--app-modal-backdrop-background,#0d172694);-webkit-backdrop-filter:blur(var(--app-modal-backdrop-blur,5px));place-items:center;padding:1rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.app-modal-panel{color:#24364d;background:#f3f6fa;border:1px solid #ffffffdb;border-radius:1.35rem;width:min(100%,28rem);max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 24px 64px #0f1d2f52}.app-modal-panel:focus{outline:none}.app-modal-title{color:inherit;font-size:1.25rem;font-weight:800;line-height:1.3}.app-modal-description{color:#61728a;margin-top:.5rem;font-size:.875rem;font-weight:500;line-height:1.55}.app-modal-label{color:inherit;gap:.5rem;font-size:.875rem;font-weight:700;display:grid}.app-modal-input{color:#1f3148;background:#fff;border:1px solid #5d748b47;border-radius:.9rem;outline:none;width:100%;padding:.75rem 1rem;box-shadow:inset 0 1px 2px #20344b0f}.app-modal-input:focus-visible{border-color:#169aae;box-shadow:0 0 0 3px #2fbbc933}.app-modal-input:disabled{cursor:not-allowed;opacity:.62}.app-modal-error{color:#b42334;font-size:.875rem;font-weight:650}.app-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.app-modal-action{border-radius:999px;min-height:2.75rem;padding:.65rem 1.2rem;font-size:.875rem;font-weight:750}.app-modal-action:focus-visible{outline-offset:2px;outline:2px solid #169aae}.app-modal-action-secondary{color:#455c75}.app-modal-action-secondary:hover{background:#6a80971f}.app-modal-action-primary{color:#09262d;background:linear-gradient(145deg,#48ced8,#24a9b7);align-items:center;gap:.5rem;display:inline-flex;box-shadow:0 8px 18px #19919f38}.app-modal-action:disabled{cursor:not-allowed;opacity:.58}html[data-appearance=dark] .app-modal-backdrop{--app-modal-backdrop-background:#040810b3}html[data-appearance=dark] .app-modal-panel{color:#e8edf3;background:#1b2435;border-color:#ffffff14;box-shadow:0 24px 64px #00000085}html[data-appearance=dark] .app-modal-description{color:#9aa9bd}html[data-appearance=dark] .app-modal-input{color:#eef3f8;background:#111827;border-color:#ffffff1a;box-shadow:inset 0 1px 2px #00000061}html[data-appearance=dark] .app-modal-action-secondary{color:#bdc8d6}html[data-appearance=dark] .app-modal-action-secondary:hover{background:#ffffff12}@media (prefers-reduced-motion:no-preference){.app-modal-backdrop{animation:.14s ease-out both app-modal-backdrop-in}.app-modal-panel{animation:.18s cubic-bezier(.22,1,.36,1) both app-modal-panel-in}}@keyframes app-modal-backdrop-in{0%{opacity:0}}@keyframes app-modal-panel-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}