.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--easyhta-light-surface);padding:var(--spacing-2xl);border:1px solid var(--white-10);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026}.modal-header{margin-bottom:var(--section-gap);padding:var(--spacing-lg);border-bottom:1px solid var(--white-10);background:var(--easyhta-light-surface);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-header h2{font-size:var(--font-size-lg);color:var(--easyhta-light-text);margin:0;font-weight:600}.modal-close{color:var(--easyhta-light-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:var(--easyhta-light-text);background:var(--easyhta-light-bg);border-radius:var(--radius-sm)}.error-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--error-05);color:var(--color-error-text);border:1px solid var(--error-20);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);display:flex}.modal-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-direction:row;display:flex}.modal-actions .btn-primary{background:var(--easyhta-primary);color:var(--easyhta-lime-contrast)}.modal-actions .btn-primary:hover:not(:disabled){background:var(--easyhta-lime-light)}.modal-actions .btn-secondary{color:var(--easyhta-light-text);border:1px solid var(--white-10);background:0 0}.modal-actions .btn-secondary:hover:not(:disabled){background:var(--easyhta-light-bg)}.modal-shell{color:inherit}.modal-shell--framed{background:0 0;border:none;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:visible}.modal-shell--framed[open]{justify-content:center;align-items:center;display:flex}.modal-shell::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-shell--scrim-strong::backdrop{background:#000c}.modal-shell--scrim-soft::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}