.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:var(--space-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--container-background,#00000040);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border-subtle,#ffffff26);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl,0 25px 50px #0000004d),0 0 0 1px var(--glass-border-subtle,#ffffff1a);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.modal-content--large{max-width:900px}.modal-header{padding:var(--space-lg)var(--space-xl);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--container-heading-color,#fffffff2);margin:0;font-size:1.25rem;font-weight:600}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--container-text-secondary,#fff9);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--container-heading-color,white);background:#ffffff1a}.modal-body{padding:var(--space-xl);--text-primary:#fffffff2;--text-secondary:#ffffffb3;--border-color:#ffffff1a;--background-primary:#ffffff08;flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-lg)var(--space-xl);border-top:1px solid #ffffff1a;display:flex}.modal-button{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500}.modal-button--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px rgba(var(--accent-rgb-primary),.3)}.modal-button--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--accent-rgb-primary),.4);transform:translateY(-1px)}.modal-button--primary:disabled{opacity:.5;cursor:not-allowed}.modal-button--secondary{color:var(--container-text-color,#fffc);background:#ffffff0d;border:1px solid #ffffff1a}.modal-button--secondary:hover{color:var(--container-heading-color,white);background:#ffffff1a}@media (max-width:768px){.modal-overlay{padding:var(--space-md)}.modal-content{max-width:100%}.modal-header{padding:var(--space-md)var(--space-lg)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-md)var(--space-lg)}}