.modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;z-index:1001;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-body{padding:1rem;max-height:70vh;overflow-y:auto}.modal-footer,.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header{border-bottom:1px solid #cccccc7d;margin-bottom:10px}.modal-footer{border-top:1px solid #ccc;padding-top:10px;margin-top:10px}.modal-title{font-size:1.5em;padding:1rem}.modal-close{cursor:pointer;font-size:1.2em;padding:1rem}