.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{position:relative;background-color:#1e293b;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:100%;width:100%;margin:0 auto;color:#f1f5f9;border:1px solid #374151;max-height:90vh;overflow-y:auto}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#374151;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (min-width: 640px){.modal-overlay{padding:2rem}}@media (min-width: 768px){.modal-content{max-width:42rem}}@media (min-width: 1024px){.modal-content{max-width:56rem}}