body{font-family:Roboto,sans-serif;background-color:#050505;color:#fff}.folder{border:1px solid #fff;border-radius:5px;padding:10px;margin:10px;background-color:#1a1a1a}.subfolder{border:1px solid #fff;border-radius:5px;padding:10px;margin:10px;background-color:#2a2a2a}.subitem{border:1px solid #fff;border-radius:5px;padding:10px;margin:10px;background-color:#3a3a3a}.title-container{display:flex;justify-content:space-between;border-radius:5px}.title-container:hover{background-color:#4a4a4a}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;z-index:1001;box-shadow:0 5px 15px #0000004d;border-radius:8px;max-width:90%;max-height:90%;overflow-y:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal h3{margin-top:0}.modal ul{list-style:none;padding:0}.modal li{margin-bottom:10px}.modal button{padding:8px 12px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.modal button:hover{background-color:#0056b3}