.modal,.modal__overlay{top:0;left:0;width:100%;height:100%}.modal{position:fixed;display:none;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-slow)}.modal.active{display:flex;opacity:1}.modal__overlay{position:absolute;background:rgba(26,38,33,.5);backdrop-filter:blur(2px)}.modal__content{position:relative;background:var(--bg-primary);border-radius:var(--border-radius-lg);width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:1;transform:scale(.9);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.modal.active .modal__content{transform:scale(1)}.modal[data-size=sm] .modal__content{max-width:400px}.modal[data-size=md] .modal__content{max-width:600px}.modal[data-size=lg] .modal__content{max-width:900px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.modal__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal__close{background:0 0;border:0;font-size:var(--font-size-3xl);line-height:1;cursor:pointer;opacity:.6;transition:opacity var(--transition-base);padding:0;margin-left:var(--spacing-md);color:var(--text-secondary)}.modal__close:hover{opacity:1}.modal__body{padding:var(--spacing-lg);overflow-y:auto;flex:1;color:var(--text-secondary)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:var(--border-width) solid var(--border-color);flex-shrink:0;background-color:var(--bg-secondary)}.modal__footer:empty{display:none}.modal--alert .modal__content{border-top:4px solid var(--color-primary)}.modal--alert .modal__header{padding-bottom:0;border-bottom:none}.modal--alert .modal__body{font-size:var(--font-size-base);line-height:1.6;padding-top:0}.modal--alert .modal__footer{justify-content:center;border-top:none;background:0 0}.modal--alert .modal__alert-btn{min-width:100px}