.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .2s ease-out;backdrop-filter:blur(4px)}@keyframes modalOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(4px)}}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:400px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:modalContentSlideIn .3s ease-out;transform-origin:center}@keyframes modalContentSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);flex-shrink:0}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.modal-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:-.5rem}.modal-close:hover{background:var(--gray-100);color:var(--gray-700);transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto}@media (max-width:768px){.modal-content{width:95%;max-height:95vh;margin:1rem}}.modal-content.modal-small{max-width:400px}.modal-content.modal-medium{max-width:600px}.modal-content.modal-large{max-width:900px}.modal-content.modal-fullscreen{width:95vw;height:95vh;max-width:none;max-height:none}