.dialog-overlay{position:fixed;inset:0;width:100vw;height:100dvh;z-index:10;display:flex;justify-content:center;background:#0000;pointer-events:none;transition:background .3s}.dialog-overlay.view{background:#00000080;pointer-events:auto}.dialog-overlay.view .dialog{transform:translateY(0)}.dialog-overlay .dialog{position:relative;align-items:normal;justify-content:auto;width:calc(100% - 1rem);max-width:480px;height:fit-content;max-height:90dvh;margin-top:6vh;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000040;transform:translateY(-120%);transition:transform .3s ease}.dialog-overlay .dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--bluegray-100)}.dialog-overlay .dialog .dialog-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--bluegray-700)}.dialog-overlay .dialog .dialog-header .close{cursor:pointer;color:var(--bluegray-500);transition:color .3s}.dialog-overlay .dialog .dialog-header .close:hover{color:var(--bluegray-700)}.dialog-overlay .dialog .dialog-body{flex:1;padding:1rem;overflow-y:auto}.dialog-overlay .dialog .dialog-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--bluegray-100)}.dialog-overlay .dialog .dialog-footer button{border:none;border-radius:4px;padding:8px 16px;font-weight:600;cursor:pointer;transition:background .3s,color .3s}.dialog-overlay .dialog .dialog-footer .cancel{background:var(--bluegray-100);color:var(--bluegray-700)}.dialog-overlay .dialog .dialog-footer .cancel:hover{background:var(--bluegray-200)}.dialog-overlay .dialog .dialog-footer .submit{background:var(--primary-500);color:#fff}.dialog-overlay .dialog .dialog-footer .submit:hover{background:var(--primary-600)}.dialog-overlay .dialog.error .dialog-header{background:var(--red-50);border-bottom-color:var(--red-100)}.dialog-overlay .dialog.error .dialog-header h2{color:var(--red-700)}.dialog-overlay .dialog.error .dialog-header .close{color:var(--red-500)}.dialog-overlay .dialog.error .dialog-header .close:hover{color:var(--red-700)}.dialog-overlay .dialog.error .dialog-footer .submit{background:var(--red-500)}.dialog-overlay .dialog.error .dialog-footer .submit:hover{background:var(--red-600)}.dialog-overlay .dialog.success .dialog-header{background:var(--green-50);border-bottom-color:var(--green-100)}.dialog-overlay .dialog.success .dialog-header h2{color:var(--green-700)}.dialog-overlay .dialog.success .dialog-footer .submit{background:var(--green-500)}.dialog-overlay .dialog.success .dialog-footer .submit:hover{background:var(--green-600)}