.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1003}.modal-container{position:relative;display:flex;flex-direction:row;width:80%;max-width:1200px;height:80%;border-radius:8px;background-color:var(--secondary);overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:10}.modal-sidebar{display:block;width:30%;padding:20px;background-color:var(--primary)}.modal-sidebar ul{list-style:none;padding:0;margin:0}.sidebar-item{display:flex;align-items:center;gap:8px;margin:8px 0;padding:10px;cursor:pointer;font-weight:700;color:gray}.sidebar-item svg{fill:gray}.sidebar-item svg,.tab-item svg{height:1.5em;width:auto;fill:gray}.sidebar-item.selected,.sidebar-item:hover{background-color:var(--secondary);border-radius:4px}.sidebar-item.selected{color:var(--action)}.sidebar-item.selected svg{fill:var(--action)}.modal-tabs{display:none;width:100%;background-color:var(--primary);justify-content:space-around}.modal-tabs,.tab-item{padding:10px;align-items:center}.tab-item{display:flex;justify-content:center;gap:4px;flex:1;cursor:pointer;font-weight:700;text-align:center;color:gray;background:none;border:none;border-bottom:2px solid transparent;transition:border-color .3s ease-in-out}.tab-item.active{color:var(--action);border-bottom:2px solid var(--action)}.tab-item.active svg{fill:var(--action)}.modal-content{width:70%;padding:20px;overflow-y:auto}.modal-content h2{margin-top:0}@media (max-width:768px){.modal-sidebar{display:none}.modal-container{width:90%;height:90%;flex-direction:column}.modal-tabs{display:flex}.modal-content{width:100%}}