.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:16px;min-width:300px;max-width:90%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.3)}.modal-header{margin-bottom:1.5rem;padding-right:2rem}.modal-title{margin:0;color:white;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-close-button{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1.5rem;cursor:pointer;padding:.5rem;color:white;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-button:hover{background:rgba(255,107,107,.3);border-color:rgba(255,107,107,.5);transform:scale(1.1)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}